TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-23 22:11:09 +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 d78f2611b6
commit 90426f4784
1 changed files with 8 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
ghost/admin/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;
}