TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-28 22:43:30 +03:00
Code Issues Projects Releases Wiki Activity

Fixed button hover state bugs in dark mode

Browse Source
This commit is contained in:
Peter Zimon 2021-05-13 11:47:14 +02:00
parent ba14318de0
commit 8fab84418e
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ghost/admin/app/styles/app-dark.css
View File

@ -240,8 +240,8 @@ input:focus,
color: var(--white);
}
.gh-btn-black:hover,
.gh-btn-primary:hover {
.gh-btn-black:not(.gh-btn-green):not(.gh-btn-blue):not(.gh-btn-red):hover,
.gh-btn-primary:not(.gh-btn-green):not(.gh-btn-blue):not(.gh-btn-red):hover {
background: var(--black) !important;
}

12
ghost/admin/app/styles/patterns/buttons.css
View File

@ -102,14 +102,14 @@ fieldset[disabled] .gh-btn {
}
.gh-btn-blue:hover {
color: #fff;
background: color-mod(var(--blue) l(-4%));
color: #fff !important;
background: color-mod(var(--blue) l(-4%)) !important;
}
/* When clicked or focused with keyboard */
.gh-btn-blue:active,
.gh-btn-blue:focus {
background: color-mod(var(--blue) l(-7%));
background: color-mod(var(--blue) l(-7%)) !important;
}
/* Green button
@ -124,14 +124,14 @@ fieldset[disabled] .gh-btn {
}
.gh-btn-green:hover {
color: #fff;
background: color-mod(var(--green) l(-4%));
color: #fff !important;
background: color-mod(var(--green) l(-4%)) !important;
}
/* When clicked or focused with keyboard */
.gh-btn-green:active,
.gh-btn-green:focus {
background: color-mod(var(--green) l(-7%));
background: color-mod(var(--green) l(-7%)) !important;
}