Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-03 23:00:14 -05:00
Code Issues Activity

Use flexbox for post settings cog & publish button

Browse source 
Closes #4208

- Removes `min-width` & `max-width` from `.publish-bar-actions`
- Uses flexbox to correctly handle dynamic size (due to font size and text content of button)
This commit is contained in:
Paul Adam Davis 2014-10-12 19:31:14 +01:00
parent ce46248e79
commit 28d1273c96
1 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
core/client/assets/sass/layouts/editor.scss
View file

@ -452,8 +452,6 @@ body.zen {
} }
.splitbtn { .splitbtn {
margin-top: -2px;
.btn { .btn {
border-top: rgba(255,255,255,0.3) 1px solid; border-top: rgba(255,255,255,0.3) 1px solid;
} }
@ -559,6 +557,10 @@ body.zen {
} }
#entry-actions { #entry-actions {
display: flex;
justify-content: flex-end;
align-content: center;
align-items: center;
margin-right: 6px; margin-right: 6px;
position: relative; position: relative;
.dropdown { .dropdown {
@ -672,10 +674,9 @@ body.zen {
} }
.publish-bar-actions { .publish-bar-actions {
flex: 0 1 auto; display: flex;
flex: 1 0 auto;
align-self: auto; align-self: auto;
min-width: 174px;
max-width: 174px;
text-align: right; text-align: right;
} }