tqt/Ghost-Admin
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost-Admin.git synced 2023-12-14 02:33:04 +01:00
Code Issues Releases Wiki Activity

Updated posts/pages filter style

Browse source 
no refs.
- grouped posts/pages filters for better future scalablility and to indicate corresponding UI components
This commit is contained in:
Peter Zimon 2019-07-15 15:06:27 +02:00
parent d1ed51aea7
commit b360c3736c
1 changed files with 14 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
app/styles/layouts/content.css
View file

@ -7,7 +7,7 @@
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 32px;
margin: 0 24px;
padding: 0;
list-style: none;
}
@ -50,12 +50,12 @@
font-size: 1.3rem;
font-weight: 400;
color: var(--darkgrey);
padding: 0 8px;
padding: 5px 10px 6px 10px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.01), 0 1px 2px rgba(0, 0, 0, 0.05);
outline: none;
border: none;
border-radius: 9999px !important;
margin-left: 10px;
border-right: 1px solid var(--whitegrey-l2);
border-radius: 0;
white-space: nowrap;
transition: all 0.25s ease;
}
@ -66,6 +66,16 @@
color: var(--darkgrey);
}
.gh-contentfilter-type .gh-contentfilter-menu-trigger {
border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important;
}
.gh-contentfilter-sort .gh-contentfilter-menu-trigger {
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important;
}
.gh-contentfilter-selected .gh-contentfilter-menu-trigger,
.gh-contentfilter-selected .gh-contentfilter-menu-trigger:hover {
color: var(--blue);