Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-24 23:48:13 -05:00
Code Issues Activity

Fixed content jiggle when selecting cards and card code background position

Browse source 
no issue

- borders are necessary on selected cards to keep consistent spacing between selected/non-selected cards
  - use transparent borders in dark mode rather than eliminating borders
- moved transparent card background style to `_koenig-dark.css` so it only affects dark mode - we want to keep the background colour for light mode so that we don't get mis-aligned backgrounds in certain cards
This commit is contained in:
Kevin Ansfield 2020-10-01 16:56:30 +01:00
parent 171cec2b4e
commit fa240cae53
2 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
ghost/admin/app/styles/spirit/_koenig-dark.css
View file

@ -74,6 +74,12 @@
border-top-color: var(--whitegrey-d2); border-top-color: var(--whitegrey-d2);
} }
.kg-card-selected,
.kg-card-selected:hover {
background-color: transparent !important;
border-color: transparent !important;
}
.koenig-card-html--editor .CodeMirror { .koenig-card-html--editor .CodeMirror {
background: var(--white); background: var(--white);
} }

5
ghost/admin/app/styles/spirit/_koenig.css
View file

@ -684,10 +684,7 @@
} }
.kg-card-selected, .kg-card-selected,
.kg-card-selected:hover .kg-card-selected:hover {
{
background-color: transparent !important;
border: none;
box-shadow: 0 0 0 2px var(--blue); box-shadow: 0 0 0 2px var(--blue);
} }