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

[SSE] Fix width for active and not active tabs

Browse source
This commit is contained in:
Julia Radzhabova 2019-11-27 12:15:39 +03:00
parent 499bc226a3
commit d72fcfd6d1
2 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/common/main/lib/component/Tab.js
View file

@ -52,7 +52,7 @@ define([
this.label = 'Tab'; this.label = 'Tab';
this.cls = ''; this.cls = '';
this.template = _.template(['<li class="<% if(active){ %>active selected<% } %> <% if(cls.length){%><%= cls %><%}%>" data-label="<%= label %>">', this.template = _.template(['<li class="<% if(active){ %>active selected<% } %> <% if(cls.length){%><%= cls %><%}%>" data-label="<%= label %>">',
'<a><%- label %></a>', '<a title="<%= label %>"><%- label %></a>',
'</li>'].join('')); '</li>'].join(''));
this.initialize.call(this, opts); this.initialize.call(this, opts);

7
apps/common/main/resources/less/tabbar.less
View file

@ -27,6 +27,13 @@
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
white-space: pre-wrap; white-space: pre-wrap;
text-align: center;
&::after {
content: attr(title);
font-weight: bold;
display: block;
}
&:hover, &:focus { &:hover, &:focus {
background-color: #7a7a7a; background-color: #7a7a7a;