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

[Common] debug styles for header buttons

Browse source
This commit is contained in:
Maxim Kadushkin 2017-07-13 12:37:22 +03:00
parent 530a7ef247
commit 2f54b983a2
2 changed files with 36 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -72,7 +72,7 @@ define([
var templateRightBox = '<section>' +
'<label id="rib-doc-name" class="status-label"></label>' +
'<a id="rib-save-status" class="status-label locked"><%= textSaveEnd %></a>' +
'<div class="elset">' +
'<div class="hedset">' +
// '<span class="btn-slot text" id="slot-btn-users"></span>' +
'<section id="tlb-box-users" class="box-cousers dropdown"">' +
'<div class="btn-users">' +
@ -85,6 +85,8 @@ define([
'<label id="tlb-change-rights" class="link"><%= txtAccessRights %></label>' +
'</div>' +
'</section>'+
'</div>' +
'<div class="hedset">' +
'<div class="btn-slot" id="slot-btn-back"></div>' +
'</div>' +
'</section>';
@ -279,7 +281,7 @@ define([
me.btnGoBack = new Common.UI.Button({
id: 'btn-goback',
cls: 'btn-toolbar',
cls: 'btn-header',
iconCls: 'svgicon svg-btn-goback',
split: true
});

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

@ -28,13 +28,13 @@
.toolbar {
.extra {
.elset:not(:first-child) {
margin-top: 0;
}
svg.icon {
fill: #fff;
}
.btn-slot {
width: auto;
}
}
}
@ -53,7 +53,6 @@
&.right {
flex-grow: 1;
min-width: 100px;
padding-right: 12px;
.desktop {
padding: 10px 0;
@ -69,10 +68,17 @@
color: #fff;
}
.btn-toolbar {
&:hover, &:active {
.btn-users,
.btn-header {
&:hover {
&:not(.disabled) {
background-color: transparent;
background-color: rgba(255,255,255,0.2);
}
}
&:active {
&:not(.disabled) {
background-color: rgba(0,0,0,0.2);
}
}
}
@ -119,22 +125,17 @@
}
#tlb-box-users {
display: inline-block;
margin-right: 10px;
height: @height-tabs;
}
#tlb-change-rights {
margin-top: 15px;
}
#slot-btn-back {
float: right;
}
.btn-users {
display: inline-flex;
cursor: pointer;
padding: 0 7px;
padding: 6px 12px;
.icon {
display: inline-block;
@ -205,3 +206,19 @@
}
}
}
.hedset {
font-size: 0;
}
.btn-header {
border: 0 none;
height: @height-tabs;
background-color: transparent;
padding: 6px 12px;
.icon {
width: 20px;
height: 20px;
}
}