TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-04 17:04:59 +03:00
Code Issues Projects Releases Wiki Activity

Lighten up publish bar

Browse Source
This commit is contained in:
John O'Nolan 2015-05-12 16:03:03 +01:00 committed by Hannah Wolfe
parent 51ea7e0eca
commit 804425aca3
1 changed files with 14 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
core/client/app/styles/layouts/editor.scss
View File

@ -416,14 +416,14 @@ body.zen {
#publish-bar {
height: 40px;
padding: 0;
border-top: #e1e1e1 1px solid;
color: $midgrey;
background: darken($darkgrey, 4%);
background: #fff;
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 900;
box-shadow: 0 -2px 8px rgba(0,0,0,0.2);
transform: translateZ(0);
@media (max-width: 1000px) {
@ -433,7 +433,7 @@ body.zen {
.post-settings {
&:hover,
&.active {
color: $lightgrey;
color: $darkgrey;
}
}
@ -443,11 +443,6 @@ body.zen {
right: -3px;
}
.splitbtn {
.btn {
border-top: rgba(255,255,255,0.3) 1px solid;
}
}
}//#publish-bar
.extended-tags { // When the tag bar is expanded
@ -464,11 +459,6 @@ body.zen {
width: 281px;
}
.tag-label,
.tag-label.touch {
color: #fff;
}
.tag-input {
width: 100%;
margin-top: 5px;
@ -486,13 +476,13 @@ body.zen {
input[type="text"].tag-input {
display: inline-block;
vertical-align: top;
color: $lightgrey;
color: $midgrey;
font-weight: 300;
background: transparent;
border: none;
width: 100%;
line-height: 1;
padding: 9px;
padding: 9px 9px 9px 0;
&:focus {
outline: none;
@ -500,19 +490,19 @@ body.zen {
}
.tag {
@include icon-after($i-x, 10px, #fff) {
margin-left: 1px;
vertical-align: 10%;
text-shadow: rgba(255,255,255,0.15) 0 1px 0;
@include icon-after($i-x, 8px, #fff) {
margin-left: 3px;
vetical-align: -10%;
}
display: inline;
margin-right: 3px;
padding: 0 5px;
padding: 2px 5px;
color: $lightgrey;
font-size: 1.2rem;
line-height: 1.2em;
white-space: nowrap;
background: lighten($grey, 15%);
border-radius: $border-radius;
box-shadow: rgba(255,255,255,0.2) 0 1px 0 inset, #000 0 1px 3px;
background: $darkgrey;
border-radius: 3px;
user-select: none;
&:hover {
@ -602,19 +592,10 @@ body.zen {
left: 50%;
transform: translateX(-50%) translateY(-50%);
font-size: 1.3rem;
color: #7D878A;
color: $midgrey;
transition: color 0.15s linear;
}
&:hover:before {
color: #fff;
}
}
#entry-tags.focused {
.tag-label:before {
color: #fff;
}
}
.publish-bar-inner {