TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-14 18:52:05 +03:00
Code Issues Projects Releases Wiki Activity

Fixes alignment bug on content management empty state

Browse Source 
When buttons changed to flexbox they lost some alignment properties. This change makes the container for the empty content state use a flexbox container and align its containing items correctly. Also removes some old media queries which are no longer needed.
This commit is contained in:
John O'Nolan 2015-06-17 14:41:29 +01:00
parent cd85244991
commit 3f6b648394
1 changed files with 8 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
core/client/app/styles/layouts/content.css
View File

@ -238,36 +238,23 @@
.no-posts-box {
position: relative;
z-index: 600;
display: table;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
padding: 0;
height: 90%;
}
@media (max-width: 900px) {
.no-posts-box {
position: fixed;
top: 45%;
left: 50%;
}
}
.no-posts-box .no-posts {
display: table-cell;
vertical-align: middle;
text-align: center;
}
@media (max-width: 900px) {
.no-posts-box .no-posts {
position: relative;
left: -50%;
display: block;
}
display: flex;
flex-direction: column;
align-items: center;
}
.no-posts-box .no-posts h3 {
color: var(--brown);
margin-bottom: 20px;
color: var(--midgrey);
font-size: 2em;
font-weight: 200;
}