Frontend] Styling for New Edit Mode

open #198
.l-flex styles refined;
Animation refinement;
.s-btn default vertical-align = top;
.tool-bar style tweaked;
Added title-label back into edit-action-buttons.html;
This commit is contained in:
Charles Hacskaylo
2015-10-21 11:35:36 -07:00
parent 5382cca435
commit 4c84789d5d
9 changed files with 219 additions and 146 deletions

View File

@@ -31,6 +31,7 @@ $pad: $interiorMargin * $baseRatio;
line-height: $btnStdH;
padding: 0 $pad;
font-size: 0.7rem;
vertical-align: top;
.icon {
font-size: 0.8rem;
@@ -69,10 +70,14 @@ $pad: $interiorMargin * $baseRatio;
&.t-save:before {
content:'\e612';
font-family: symbolsfont;
margin-right: $interiorMarginSm;
}
&.t-cancel:before {
content:'\78';
font-family: symbolsfont;
&.t-cancel {
.title-label { display: none; }
&:before {
content:'\78';
font-family: symbolsfont;
}
}
&.pause-play {

View File

@@ -115,7 +115,7 @@
@include box-sizing(border-box);
border-left: 1px solid $colorInteriorBorder;
display: inline-block;
padding: 0 $interiorMargin;
padding: 0 0 0 $interiorMargin;
position: relative;
&:first-child {
border-left: none;