Merge pull request #25229 from nextcloud/bugfix/noid/darkmode-popover-adjustments
Dark mode adjustments for popover
This commit is contained in:
commit
c686f8a03a
|
@ -53,11 +53,12 @@ $color-border-dark: lighten($color-main-background, 14%);
|
|||
|
||||
.bubble,
|
||||
.app-navigation-entry-menu,
|
||||
.popovermenu {
|
||||
.popovermenu,
|
||||
.popover__menu {
|
||||
li {
|
||||
> button,
|
||||
> a,
|
||||
> .menuitem {
|
||||
> .menuitem, > .popover__menuitem {
|
||||
> img {
|
||||
filter: invert(100%);
|
||||
}
|
||||
|
@ -71,6 +72,22 @@ $color-border-dark: lighten($color-main-background, 14%);
|
|||
border: 1px solid var(--color-border);
|
||||
}
|
||||
|
||||
.popover[x-placement^='top'] .popover__arrow {
|
||||
border-top-color: var(--color-border);
|
||||
}
|
||||
.popover[x-placement^='bottom'] .popover__arrow {
|
||||
border-bottom-color: var(--color-border);
|
||||
}
|
||||
.popover[x-placement^='left'] .popover__arrow {
|
||||
border-left-color: var(--color-border);
|
||||
}
|
||||
.popover[x-placement^='right'] .popover__arrow {
|
||||
border-right-color: var(--color-border);
|
||||
}
|
||||
.popover .popover__inner {
|
||||
border: 1px solid var(--color-border);
|
||||
}
|
||||
|
||||
// Prevent slideshow icons from going dark
|
||||
#slideshow {
|
||||
[class^='icon-'], [class*=' icon-']{
|
||||
|
|
Loading…
Reference in New Issue