keeweb
/
keeweb
mirror of https://github.com/keeweb/keeweb.git
1
0
Fork 0
Code Issues Releases Wiki Activity

fix #64: list table layout width

This commit is contained in:
Antelle 2015-12-13 23:03:01 +03:00
parent 58ded8c7a5
commit 7d4c607029
3 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/styles/areas/_details.scss
View File

@ -131,10 +131,7 @@
overflow-x: hidden;
padding-top: 3px;
// workaround for bugs in custom scrollbar component (baron)
width: auto !important;
min-width: 0 !important;
max-width: none !important;
@include scrollbar-full-width-hack();
@-moz-document url-prefix() { @include scrollbar-padding-hack(); }
@at-root { _:-ms-lang(x), .details__body>.scroller { @include scrollbar-padding-hack(); } }
}

7
app/styles/areas/_list.scss
View File

@ -21,6 +21,11 @@
@include flex(1);
@include align-self(stretch);
position: relative;
.app__list-wrap--table & {
@include scrollbar-full-width-hack();
@-moz-document url-prefix() { @include scrollbar-padding-hack(); }
@at-root { _:-ms-lang(x), .app__list-wrap--table .list__items>.scroller { @include scrollbar-padding-hack(); } }
}
@include mobile { width: 100% !important; }
}
}
@ -74,7 +79,7 @@
}
&__table {
width: calc(100% - 1px);
width: calc(100% - 2px);
td, th {
padding: $base-padding;
text-align: left;

7
app/styles/common/_scroll.scss
View File

@ -6,6 +6,13 @@
padding-right: 30px !important;
}
@mixin scrollbar-full-width-hack {
// workaround for bugs in custom scrollbar component (baron)
width: auto !important;
min-width: 0 !important;
max-width: none !important;
}
.scroller {
overflow-y: scroll;
height: 100%;