TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-25 11:55:03 +03:00
Code Issues Projects Releases Wiki Activity

Fixed up icons in bottom nav for mobile when in dark mode

Browse Source 
- fixes the colour of buttons when active in dark mode
- fixes the more icon when in dark mode
- uses css variables rather than fixed values
This commit is contained in:
James Morris 2022-01-10 09:11:35 +00:00
parent fb45c57932
commit c8ee93c2e2
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
ghost/admin/app/styles/layouts/main.css
View File

@ -988,17 +988,17 @@
.gh-mobile-nav-bar a.active {
background: var(--black);
color: #fff;
color: var(--white);
}
.gh-mobile-nav-bar a.active svg {
fill: #fff;
fill: var(--white);
}
.gh-mobile-nav-bar a.active.gh-nav-main-users g,
.gh-mobile-nav-bar a.active.gh-nav-main-users path {
fill: transparent;
stroke: white;
stroke: var(--white);
}
.gh-mobile-nav-bar svg,
@ -1008,7 +1008,11 @@
}
.gh-mobile-nav-bar svg g path {
stroke: var(--darkgrey);
stroke: var(--white);
}
.gh-mobile-nav-bar .gh-mobile-nav-bar-more svg path {
fill: var(--darkgrey);
}
/* non-authed and fullscreen pages shouldn't have the mobile bar */