paradizelost/paperless-ngx
1
0
Fork 0
mirror of https://github.com/paperless-ngx/paperless-ngx.git synced 2025-10-30 03:56:23 -05:00
Code Issues Packages Projects Releases Wiki Activity

bs5: fix popover carat colors in dark mode

Browse Source
This commit is contained in:
Michael Shamoon
2022-02-20 01:25:31 -08:00
parent a7404deb43
commit ed794c394f
1 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src-ui/src/theme_dark.scss
View File

@@ -414,13 +414,18 @@ $border-color-dark-mode: #47494f;
} }
} }
$placements: 'top', 'right', 'bottom', 'left'; // fix popover carat colors
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] {
@each $placement in $placements { border-left-color: $bg-dark-mode-accent;
.bs-popover-#{$placement} > .arrow::after, }
.bs-popover-auto[x-placement^=#{$placement}] > .arrow::after { .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] {
border-#{$placement}-color: $bg-dark-mode-accent; border-right-color: $bg-dark-mode-accent;
} }
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] {
border-top-color: $bg-dark-mode-accent;
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] {
border-bottom-color: $bg-dark-mode-accent;
} }
.bs-popover-bottom .popover-header::before, .bs-popover-bottom .popover-header::before,