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>' + var templateRightBox = '<section>' +
'<label id="rib-doc-name" class="status-label"></label>' + '<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">' + '<div class="elset">' +
// '<span class="btn-slot text" id="slot-btn-users"></span>' + // '<span class="btn-slot text" id="slot-btn-users"></span>' +
'<section id="tlb-box-users" class="box-cousers dropdown"">' + '<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 { #rib-doc-name {
flex-grow: 1; flex-grow: 1;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
min-width: 50px;
} }
#rib-save-status { #rib-save-status {
white-space: nowrap;
&.locked { &.locked {
text-decoration: none; text-decoration: none;
color: @gray-darker; color: @gray-darker;

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

@ -49,6 +49,7 @@
width: 100%; width: 100%;
border-top: 1px solid @gray-dark; border-top: 1px solid @gray-dark;
top: @height-tabs - 1; top: @height-tabs - 1;
z-index: 1;
} }
} }
@ -122,12 +123,17 @@
min-width: 20px; min-width: 20px;
text-align: center; text-align: center;
z-index: 1; z-index: 1;
cursor: pointer;
&:hover {
text-decoration: none;
}
&.left{ &.left{
box-shadow: 5px 0 20px 5px rgba(208, 221, 182, .8) box-shadow: 5px 0 20px 5px rgba(255, 255, 255, .8)
} }
&.right{ &.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="box-tabs">
<div class="extra left"></div> <div class="extra left"></div>
<section class="tabs"> <section class="tabs">
<a href="#" class="scroll left"> <a class="scroll left">
<i class="icon">&lt;</i> <i class="icon">&lt;</i>
</a> </a>
<ul> <ul>
@ -13,7 +13,7 @@
<% } %> <% } %>
<div class="marker"></div> <div class="marker"></div>
</ul> </ul>
<a href="#" class="scroll right"> <a class="scroll right">
<i class="icon">&gt;</i> <i class="icon">&gt;</i>
</a> </a>
</section> </section>

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

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