dnrops
/
cryptpad
mirror of https://github.com/xwiki-labs/cryptpad
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix toolbar in mobile mode

This commit is contained in:
yflory 2020-05-13 16:25:27 +02:00
parent 8992ac67c5
commit 23879f6f62
1 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
customize.dist/src/less2/include/toolbar.less
View File

@ -69,7 +69,7 @@
} }
.toolbar_vars(); .toolbar_vars();
@toolbar-top-bg: #eeeeee; @toolbar-top-bg: #f9f9f9;
@toolbar_line-height: 32px; @toolbar_line-height: 32px;
@toolbar_top-height: 76px; @toolbar_top-height: 76px;
@toolbar_button-font: @colortheme_app-font; @toolbar_button-font: @colortheme_app-font;
@ -506,6 +506,7 @@
} }
.cp-toolbar-title { .cp-toolbar-title {
height: @toolbar_line-height; height: @toolbar_line-height;
flex-flow: row;
line-height: initial; line-height: initial;
margin: 0; margin: 0;
.cp-toolbar-title-hoverable { .cp-toolbar-title-hoverable {
@ -524,13 +525,13 @@
font-size: @colortheme_app-font-size; font-size: @colortheme_app-font-size;
height: @toolbar_line-height; height: @toolbar_line-height;
box-sizing: border-box; box-sizing: border-box;
line-height: 20px; line-height: @toolbar_line-height;
} }
.cp-toolbar-title-edit, .cp-toolbar-title-save { .cp-toolbar-title-edit, .cp-toolbar-title-save {
box-sizing: border-box; box-sizing: border-box;
height: @toolbar_line-height; height: @toolbar_line-height;
line-height: @colortheme_app-font-size; line-height: @toolbar_line-height;
display: inline-block; display: inline-flex;
.fa { .fa {
font-size: @colortheme_app-font-size; font-size: @colortheme_app-font-size;
@ -544,9 +545,16 @@
line-height: calc(@toolbar_line-height - 12px); // padding + border line-height: calc(@toolbar_line-height - 12px); // padding + border
} }
} }
.cp-toolbar-spinner {
min-width: 100px;
margin: 0;
height: @toolbar_line-height;
line-height: @toolbar_line-height;
}
.cp-toolbar-link { .cp-toolbar-link {
height: @toolbar_line-height; height: @toolbar_line-height;
width: @toolbar_line-height; width: @toolbar_line-height;
transform: scale(0.5);
.cp-toolbar-link-logo { .cp-toolbar-link-logo {
padding: 5px; padding: 5px;
} }