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-clip: padding-box;
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;
text-align: left;
text-transform: none;
@ -43,6 +42,16 @@
font-weight: normal;
will-change: transform, opacity;
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 {
@ -63,7 +72,7 @@
}
.gh-publishmenu-content {
border-bottom: var(--lightgrey) 1px solid;
border-bottom: var(--whitegrey) 1px solid;
}
.gh-publishmenu-footer {
@ -86,7 +95,7 @@
.gh-publishmenu-section {
padding: 0 20px;
border-top: var(--lightgrey) 1px solid;
border-top: var(--whitegrey) 1px solid;
}
.gh-publishmenu-radio-button {
@ -94,7 +103,7 @@
position: relative;
width: 15px;
height: 15px;
border: color-mod(var(--lightgrey) l(-10%)) 1px solid;
border: color-mod(var(--whitegrey) l(-10%)) 1px solid;
border-radius: 100%;
background: #fff;
}
@ -198,7 +207,7 @@
.gh-date-time-picker-date: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 {

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

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

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

@ -59,7 +59,7 @@
.koenig-editor__editor h6 {
font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
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 */
@ -498,8 +498,8 @@
.koenig-editor__editor code,
.koenig-editor__editor pre {
font-family: Consolas,Liberation Mono,Menlo,Courier,monospace;
background: color-mod(var(--lightgrey) lightness(+4%));
border: 1px solid var(--lightgrey);
background: color-mod(var(--whitegrey) lightness(+4%));
border: 1px solid var(--whitegrey);
}
.koenig-editor__editor code {
@ -650,7 +650,7 @@
.koenig-editor__editor table tr td,
.koenig-editor__editor table tr th {
vertical-align: top;
border-bottom: 1px solid var(--lightgrey);
border-bottom: 1px solid var(--whitegrey);
}
/* Captions
@ -676,7 +676,7 @@
/* Styles that extend Spirit classes.
/* -------------------------------------------------------------------- */
.kg-card-left-border {
border-left-color: var(--lightgrey);
border-left-color: var(--whitegrey);
}
.kg-card-hover:hover {
@ -911,7 +911,7 @@
/* --------------------------------------------------------------- */
.kg-card-help {
background: color-mod(var(--lightgrey) l(+3%));
background: color-mod(var(--whitegrey) l(+3%));
margin: 12px -13px -9px;
padding: 6px;
}
@ -1058,7 +1058,7 @@
}
.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 {