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

Updated minor editor related styles

Browse source
This commit is contained in:
Peter Zimon 2021-02-10 14:17:01 +01:00
parent e2cdd49cd2
commit a80a99cd60
3 changed files with 23 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
ghost/admin/app/styles/components/publishmenu.css
View file

@ -35,7 +35,6 @@
background-color: #fff; background-color: #fff;
background-clip: padding-box; background-clip: padding-box;
border-radius: 4px; border-radius: 4px;
box-shadow: 0 0 0 1px rgba(99,114,130,0.06), 0 8px 16px rgba(27,39,51,0.08);
list-style: none; list-style: none;
text-align: left; text-align: left;
text-transform: none; text-transform: none;
@ -43,6 +42,16 @@
font-weight: normal; font-weight: normal;
will-change: transform, opacity; will-change: transform, opacity;
z-index: 99999; /* needs to sit on top of preview modal */ z-index: 99999; /* needs to sit on top of preview modal */
/* box-shadow: 0 0 0 1px rgba(99,114,130,0.06), 0 8px 16px rgba(27,39,51,0.08); */
box-shadow:
0 0 7px rgba(0, 0, 0, 0.08),
0 2.1px 2.2px -5px rgba(0, 0, 0, 0.011),
0 5.1px 5.3px -5px rgba(0, 0, 0, 0.016),
0 9.5px 10px -5px rgba(0, 0, 0, 0.02),
0 17px 17.9px -5px rgba(0, 0, 0, 0.024),
0 31.8px 33.4px -5px rgba(0, 0, 0, 0.029),
0 76px 80px -5px rgba(0, 0, 0, 0.04)
;
} }
.gh-publishmenu-dropdown.ember-basic-dropdown--transitioning-in { .gh-publishmenu-dropdown.ember-basic-dropdown--transitioning-in {
@ -63,7 +72,7 @@
} }
.gh-publishmenu-content { .gh-publishmenu-content {
border-bottom: var(--lightgrey) 1px solid; border-bottom: var(--whitegrey) 1px solid;
} }
.gh-publishmenu-footer { .gh-publishmenu-footer {
@ -86,7 +95,7 @@
.gh-publishmenu-section { .gh-publishmenu-section {
padding: 0 20px; padding: 0 20px;
border-top: var(--lightgrey) 1px solid; border-top: var(--whitegrey) 1px solid;
} }
.gh-publishmenu-radio-button { .gh-publishmenu-radio-button {
@ -94,7 +103,7 @@
position: relative; position: relative;
width: 15px; width: 15px;
height: 15px; height: 15px;
border: color-mod(var(--lightgrey) l(-10%)) 1px solid; border: color-mod(var(--whitegrey) l(-10%)) 1px solid;
border-radius: 100%; border-radius: 100%;
background: #fff; background: #fff;
} }
@ -198,7 +207,7 @@
.gh-date-time-picker-date:focus, .gh-date-time-picker-date:focus,
.gh-date-time-picker-time:focus { .gh-date-time-picker-time:focus {
border-color: color-mod(var(--lightgrey) l(-15%) s(-10%)); border-color: color-mod(var(--whitegrey) l(-15%) s(-10%));
} }
.gh-date-time-picker-date svg { .gh-date-time-picker-date svg {

4
ghost/admin/app/styles/layouts/editor.css
View file

@ -294,7 +294,7 @@
align-items: center; align-items: center;
height: 36px; height: 36px;
padding: 0; padding: 0;
margin: 24px; margin: 30px;
z-index: 799; z-index: 799;
} }
@ -358,7 +358,7 @@
min-height: auto; min-height: auto;
margin-bottom: 1.6rem; margin-bottom: 1.6rem;
border: none; border: none;
color: var(--darkgrey-d1); color: var(--black);
font-size: 4.8rem; font-size: 4.8rem;
line-height: 1.15em; line-height: 1.15em;
font-weight: 600; font-weight: 600;

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

@ -59,7 +59,7 @@
.koenig-editor__editor h6 { .koenig-editor__editor h6 {
font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
font-weight: 600; font-weight: 600;
color: var(--darkgrey-d1); color: var(--black);
} }
/* H1 should be almost the same size as the post title to suggest avoid using it */ /* H1 should be almost the same size as the post title to suggest avoid using it */
@ -498,8 +498,8 @@
.koenig-editor__editor code, .koenig-editor__editor code,
.koenig-editor__editor pre { .koenig-editor__editor pre {
font-family: Consolas,Liberation Mono,Menlo,Courier,monospace; font-family: Consolas,Liberation Mono,Menlo,Courier,monospace;
background: color-mod(var(--lightgrey) lightness(+4%)); background: color-mod(var(--whitegrey) lightness(+4%));
border: 1px solid var(--lightgrey); border: 1px solid var(--whitegrey);
} }
.koenig-editor__editor code { .koenig-editor__editor code {
@ -650,7 +650,7 @@
.koenig-editor__editor table tr td, .koenig-editor__editor table tr td,
.koenig-editor__editor table tr th { .koenig-editor__editor table tr th {
vertical-align: top; vertical-align: top;
border-bottom: 1px solid var(--lightgrey); border-bottom: 1px solid var(--whitegrey);
} }
/* Captions /* Captions
@ -676,7 +676,7 @@
/* Styles that extend Spirit classes. /* Styles that extend Spirit classes.
/* -------------------------------------------------------------------- */ /* -------------------------------------------------------------------- */
.kg-card-left-border { .kg-card-left-border {
border-left-color: var(--lightgrey); border-left-color: var(--whitegrey);
} }
.kg-card-hover:hover { .kg-card-hover:hover {
@ -911,7 +911,7 @@
/* --------------------------------------------------------------- */ /* --------------------------------------------------------------- */
.kg-card-help { .kg-card-help {
background: color-mod(var(--lightgrey) l(+3%)); background: color-mod(var(--whitegrey) l(+3%));
margin: 12px -13px -9px; margin: 12px -13px -9px;
padding: 6px; padding: 6px;
} }
@ -1058,7 +1058,7 @@
} }
.koenig-card-code--editor .CodeMirror { .koenig-card-code--editor .CodeMirror {
background: color-mod(var(--lightgrey) lightness(+4%)); background: color-mod(var(--whitegrey) lightness(+4%));
} }
.koenig-card-html--editor .CodeMirror:hover { .koenig-card-html--editor .CodeMirror:hover {