Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[DE][PE] Refactoring header, toolbar

Browse source
This commit is contained in:
Julia Radzhabova 2017-04-28 13:44:03 +03:00
parent 720e8e5afa
commit 26b6527e26
5 changed files with 18 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/common/main/lib/view/Header.js
View file

@ -71,7 +71,7 @@ define([
var templateRightBox = '<section>' +
'<label id="rib-doc-name" class="status-label"></label>' +
'<a href="#" id="rib-save-status" class="status-label locked"><%= textSaveEnd %></a>' +
'<a id="rib-save-status" class="status-label locked"><%= textSaveEnd %></a>' +
'<div class="elset">' +
// '<span class="btn-slot text" id="slot-btn-users"></span>' +
'<section id="tlb-box-users" class="box-cousers dropdown"">' +

5
apps/common/main/resources/less/header.less
View file

@ -53,9 +53,14 @@
#rib-doc-name {
flex-grow: 1;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
min-width: 50px;
}
#rib-save-status {
white-space: nowrap;
&.locked {
text-decoration: none;
color: @gray-darker;

10
apps/common/main/resources/less/toolbar.less
View file

@ -49,6 +49,7 @@
width: 100%;
border-top: 1px solid @gray-dark;
top: @height-tabs - 1;
z-index: 1;
}
}
@ -122,12 +123,17 @@
min-width: 20px;
text-align: center;
z-index: 1;
cursor: pointer;
&:hover {
text-decoration: none;
}
&.left{
box-shadow: 5px 0 20px 5px rgba(208, 221, 182, .8)
box-shadow: 5px 0 20px 5px rgba(255, 255, 255, .8)
}
&.right{
box-shadow: -5px 0 20px 5px rgba(208, 221, 182, .8)
box-shadow: -5px 0 20px 5px rgba(255, 255, 255, .8)
}
}
}

4
apps/documenteditor/main/app/template/Toolbar.template
View file

@ -2,7 +2,7 @@
<div class="box-tabs">
<div class="extra left"></div>
<section class="tabs">
<a href="#" class="scroll left">
<a class="scroll left">
<i class="icon">&lt;</i>
</a>
<ul>
@ -13,7 +13,7 @@
<% } %>
<div class="marker"></div>
</ul>
<a href="#" class="scroll right">
<a class="scroll right">
<i class="icon">&gt;</i>
</a>
</section>

4
apps/presentationeditor/main/app/template/Toolbar.template
View file

@ -2,7 +2,7 @@
<section class="box-tabs">
<div class="extra left"></div>
<section class="tabs">
<a href="#" class="scroll left">
<a class="scroll left">
<i class="icon">&lt;</i>
</a>
<ul>
@ -13,7 +13,7 @@
<% } %>
<div class="marker"></div>
</ul>
<a href="#" class="scroll right">
<a class="scroll right">
<i class="icon">&gt;</i>
</a>
</section>