scottk/chatwoot
1
0
Fork 0
mirror of https://github.com/lingble/chatwoot.git synced 2025-10-30 10:42:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: Backdrop color for insert article modal in dark mode (#8711)

Browse Source
This commit is contained in:
Sivin Varghese
2024-01-16 18:36:43 +05:30
committed by GitHub
parent 8f1a1e0905
commit e67f8824d9
4 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/dashboard/assets/scss/widgets/_modal.scss
View File

@@ -1,7 +1,7 @@
.modal-mask {
// @include flex;
// @include flex-align(center, middle);
@apply flex items-center justify-center bg-modal dark:bg-modal z-[9990] h-full left-0 fixed top-0 w-full;
@apply flex items-center justify-center bg-modal-backdrop-light dark:bg-modal-backdrop-dark z-[9990] h-full left-0 fixed top-0 w-full;
}
.page-top-bar {

4
app/javascript/dashboard/components/widgets/WootWriter/ReplyBottomPanel.vue
View File

@@ -101,10 +101,10 @@
<transition name="modal-fade">
<div
v-show="$refs.upload && $refs.upload.dropActive"
class="fixed top-0 bottom-0 left-0 right-0 z-20 flex flex-col items-center justify-center w-full h-full gap-2 text-slate-600 dark:text-slate-200 bg-white_transparent dark:bg-black_transparent"
class="fixed top-0 bottom-0 left-0 right-0 z-20 flex flex-col items-center justify-center w-full h-full gap-2 text-slate-900 dark:text-slate-50 bg-modal-backdrop-light dark:bg-modal-backdrop-dark"
>
<fluent-icon icon="cloud-backup" size="40" />
<h4 class="page-sub-title text-slate-600 dark:text-slate-200">
<h4 class="page-sub-title text-slate-900 dark:text-slate-50">
{{ $t('CONVERSATION.REPLYBOX.DRAG_DROP') }}
</h4>
</div>

2
app/javascript/dashboard/routes/dashboard/helpcenter/components/ArticleSearch/SearchPopover.vue
View File

@@ -1,6 +1,6 @@
<template>
<div
class="fixed flex items-center justify-center w-screen h-screen bg-white/70 top-0 left-0 z-50"
class="fixed flex items-center justify-center w-screen h-screen bg-modal-backdrop-light dark:bg-modal-backdrop-dark top-0 left-0 z-50"
>
<div
v-on-clickaway="onClose"

5
tailwind.config.js
View File

@@ -32,9 +32,8 @@ module.exports = {
colors: {
transparent: 'transparent',
white: '#fff',
white_transparent: 'rgba(255, 255, 255, 0.9)',
black_transparent: 'rgba(0, 0, 0, 0.9)',
modal: 'rgba(0, 0, 0, 0.4)',
'modal-backdrop-light': 'rgba(0, 0, 0, 0.4)',
'modal-backdrop-dark': 'rgba(0, 0, 0, 0.6)',
current: 'currentColor',
woot: {
25: blue.blue2,