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

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

@ -28,13 +28,13 @@
.toolbar { .toolbar {
.extra { .extra {
.elset:not(:first-child) {
margin-top: 0;
}
svg.icon { svg.icon {
fill: #fff; fill: #fff;
} }
.btn-slot {
width: auto;
}
} }
} }
@ -53,7 +53,6 @@
&.right { &.right {
flex-grow: 1; flex-grow: 1;
min-width: 100px; min-width: 100px;
padding-right: 12px;
.desktop { .desktop {
padding: 10px 0; padding: 10px 0;
@ -69,10 +68,17 @@
color: #fff; color: #fff;
} }
.btn-toolbar { .btn-users,
&:hover, &:active { .btn-header {
&:hover {
&:not(.disabled) { &: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 { #tlb-box-users {
display: inline-block; height: @height-tabs;
margin-right: 10px;
} }
#tlb-change-rights { #tlb-change-rights {
margin-top: 15px; margin-top: 15px;
} }
#slot-btn-back {
float: right;
}
.btn-users { .btn-users {
display: inline-flex; display: inline-flex;
cursor: pointer; cursor: pointer;
padding: 0 7px; padding: 6px 12px;
.icon { .icon {
display: inline-block; 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;
}
}