TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-26 04:13:30 +03:00
Code Issues Projects Releases Wiki Activity

Admin UI simplifications

Browse Source 
- getting rid of lines
This commit is contained in:
Peter Zimon 2021-02-04 13:37:04 +01:00
parent d539d4ca53
commit 4e11273f38
3 changed files with 26 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
ghost/admin/app/styles/layouts/content.css
View File

@ -52,20 +52,19 @@
color: var(--darkgrey);
letter-spacing: 0.2px;
height: 33px;
padding: 5px 10px 6px 10px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
padding: 5px 12px 6px;
margin-right: 8px;
outline: none;
border: none;
border-right: 1px solid var(--whitegrey-l2);
border-radius: 0;
border-radius: 2px !important;
white-space: nowrap;
transition: all 0.25s ease;
}
.gh-contentfilter-menu-trigger:hover {
cursor: pointer;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 4px -1px rgba(0, 0, 0, 0.15);
color: var(--darkgrey);
background: var(--whitegrey);
}
.gh-contentfilter-type .gh-contentfilter-menu-trigger {
@ -80,12 +79,13 @@
.gh-contentfilter-selected .gh-contentfilter-menu-trigger,
.gh-contentfilter-selected .gh-contentfilter-menu-trigger:hover {
color: var(--blue);
color: var(--black);
font-weight: 500;
background: var(--whitegrey);
}
.gh-contentfilter-menu-trigger svg path {
stroke: color-mod(var(--midgrey) l(-7%));
stroke: var(--black);
}
.gh-contentfilter .ember-power-select-selected-item,
@ -124,10 +124,11 @@
width: 18px;
height: 18px;
margin: 2px 0 0;
color: var(--black);
}
.gh-contentfilter-actions svg g {
stroke: var(--middarkgrey);
stroke: var(--black);
}
.gh-contentfilter-button {

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

@ -103,7 +103,7 @@
display: flex;
flex-direction: column;
min-width: 0;
background: linear-gradient(315deg,var(--whitegrey-l2),var(--white));
/* background: linear-gradient(315deg,var(--whitegrey-l2),var(--white)); */
transform: translateX(0);
border-right: 1px solid var(--main-area-divider-color);
}
@ -114,7 +114,6 @@
align-items: center;
height: var(--main-vertical-panel-height);
padding: var(--mainmenu-padding);
border-bottom: 1px solid var(--main-area-divider-color);
}
.gh-nav-menu-dropdown .dropdown-menu {
@ -301,6 +300,10 @@
line-height: 1.6em;
}
.gh-nav-list:first-of-type {
margin-top: 0;
}
.gh-nav-list li {
margin: 0;
padding: 0;
@ -340,23 +343,20 @@
.gh-nav-list .active {
position: relative;
color: var(--mainmenu-color-active);
background: var(--mainmenu-color-active-bg);
font-weight: 700;
/* border: 1px solid var(--black);
padding: 7px calc(var(--mainmenu-padding) - 2px) 7px calc(var(--mainmenu-padding) + 5px); */
}
/* .gh-nav-list .active::after {
.gh-nav-list .active::after {
content: "";
position: absolute;
width: 36px;
height: 36px;
width: 4px;
top: 0;
bottom: 0;
left: 30px;
border-radius: 999px;
background: var(--lime);
} */
left: 0;
background: var(--black);
}
.gh-nav-list a:not(.active):hover,
.gh-nav-list button.main-menu-item:hover {
@ -370,7 +370,7 @@
margin-right: 17px;
width: 18px;
height: 18px;
fill: var(--darkgrey);
fill: var(--midgrey);
line-height: 1;
transition: none;
z-index: 999;
@ -386,7 +386,7 @@
}
.gh-nav-list .active svg {
fill: #8FD200;
fill: var(--black);
}
.gh-nav-list a svg g,
@ -594,7 +594,6 @@
.gh-nav-bottom {
margin: 0;
padding: var(--mainmenu-padding);
border-top: 1px solid var(--main-area-divider-color);
}
.gh-nav-bottom .ember-basic-dropdown-trigger {
@ -906,7 +905,8 @@
top: 0;
background: var(--main-bg-color);
z-index: 700;
border-bottom: 1px solid var(--main-area-divider-color);
border-bottom: 1px solid;
border-color: transparent;
}
.gh-canvas-header-content {
@ -937,7 +937,7 @@
padding: 0;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 3.3rem;
font-size: 3.1rem;
line-height: 1.2em;
font-weight: 700;
letter-spacing: 0px;
@ -1043,7 +1043,7 @@
.view-content {
position: relative;
flex-grow: 1;
padding-top: var(--main-area-padding);
padding-top: 0;
padding-bottom: var(--main-area-padding);
}

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

@ -13,7 +13,7 @@
user-select: none;
fill: color-mod(var(--midgrey) l(-7%));
border: 1px solid color-mod(var(--midgrey) l(+35%) s(+10%));
border-radius: 5px;
border-radius: 2px;
transition: all 0.2s ease;
transition-property: color, border-color, background, width, height, box-shadow;