caojiezi2003/Stackedit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed workind indicator position on edit title

Browse Source
This commit is contained in:
benweet 2013-12-03 23:10:40 +00:00
parent 5601df7c3c
commit fc137b5b46
2 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/res/html/bodyIndex.html
View File

@ -51,9 +51,9 @@
<li><div class="working-indicator"></div></li> <li><div class="working-indicator"></div></li>
<li><a class="btn btn-success file-title-navbar" href="#" <li><a class="btn btn-success file-title-navbar" href="#"
title="Rename document"> </a></li> title="Rename document"> </a></li>
<li><input type="text" <li><div class="input-file-title-container"><input type="text"
class="col-lg-4 form-control hide input-file-title" class="col-lg-4 form-control hide input-file-title"
placeholder="Document title" /></li> placeholder="Document title" /></div></li>
</ul> </ul>
</div> </div>
</div> </div>

14
public/res/styles/main.less
View File

@ -444,8 +444,12 @@ a {
white-space: nowrap; white-space: nowrap;
} }
.input-file-title { .input-file-title-container {
margin-right: 10px; display: inline-block;
vertical-align: middle;
.input-file-title {
width: 220px;
}
} }
.working-indicator { .working-indicator {
@ -547,7 +551,7 @@ a {
border-bottom: 4px solid fade(@logo-orange, @panel-button-border-fade); border-bottom: 4px solid fade(@logo-orange, @panel-button-border-fade);
right: -50px; right: -50px;
z-index: -1; z-index: -1;
padding: 0 13px 0 50px; padding: 0 10px 0 50px;
.transition(~"border-width ease-in-out .15s, right ease-in-out 0.15s"); .transition(~"border-width ease-in-out .15s, right ease-in-out 0.15s");
} }
.collapse-button:hover, &.in .collapse-button, &.collapsing .collapse-button { .collapse-button:hover, &.in .collapse-button, &.collapsing .collapse-button {
@ -578,7 +582,7 @@ a {
border-left: 5px solid fade(@logo-green, @panel-button-border-fade); border-left: 5px solid fade(@logo-green, @panel-button-border-fade);
border-bottom: 4px solid fade(@logo-orange, @panel-button-border-fade); border-bottom: 4px solid fade(@logo-orange, @panel-button-border-fade);
left: -50px; left: -50px;
padding: 0 50px 0 6px; padding: 0 50px 0 3px;
z-index: -1; z-index: -1;
.transition(~"border-width ease-in-out .15s, left ease-in-out 0.15s"); .transition(~"border-width ease-in-out .15s, left ease-in-out 0.15s");
i.icon-folder-open { i.icon-folder-open {
@ -1056,7 +1060,7 @@ a {
} }
.ace_link { .ace_link {
color: @tertiary-color-darkest; color: @tertiary-color;
background-color: @code-bg; background-color: @code-bg;
} }