infra
/
cryptpad
2
1
Fork 0
Code Issues Pull Requests Projects Releases 1 Activity

Hide inactive tab titles on small screens

pull/1/head
David Benqué 2020-07-28 12:25:27 +01:00
parent cfd218a8ca
commit 66e9ad2dcd
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
customize.dist/src/less2/include/alertify.less
View File

@ -183,7 +183,7 @@
border-bottom: 1px solid @alertify-fore;
margin-bottom: 10px;
box-sizing: content-box;
span {
.alertify-tabs-title {
.tools_unselectable();
font-size: 20px;
height: 40px;
@ -200,6 +200,13 @@
color: #949494;
cursor: not-allowed;
}
&:not(.alertify-tabs-active) {
@media (max-width: @browser_media-medium-screen) {
.tab-title-text {
display: none;
}
}
}
}
span.alertify-tabs-active {
background-color: @alertify-fore !important;

2
www/common/common-interface.js
View File

@ -221,7 +221,7 @@ define([
tabs.forEach(function (tab, i) {
if (!(tab.content || tab.disabled) || !tab.title) { return; }
var content = h('div.alertify-tabs-content', tab.content);
var title = h('span.alertify-tabs-title'+ (tab.disabled ? '.disabled' : ''), tab.title);
var title = h('span.alertify-tabs-title'+ (tab.disabled ? '.disabled' : ''), h('span.tab-title-text',tab.title));
if (tab.icon) {
var icon = h('i', {class: tab.icon});
$(title).prepend(' ').prepend(icon);