mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #25229 from nextcloud/bugfix/noid/darkmode-popover-adjustments 

Dark mode adjustments for popover
This commit is contained in:
Vincent Petry 2021-01-20 17:22:18 +01:00 committed by GitHub
parent 4c81f5c4ad 6e2c6525da
commit c686f8a03a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
apps/accessibility/css/dark.scss
View File

@ -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-']{