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

show ellipsis for long field text

This commit is contained in:
Antelle 2016-01-14 21:33:59 +03:00
parent 94718f8345
commit 1731cc7585
2 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/styles/areas/_app.scss
View File

@ -31,6 +31,7 @@
@include align-items(stretch);
@include flex-direction(row);
@include justify-content(flex-start);
overflow: hidden;
&.app__list-wrap--table {
@include flex-direction(column);
}

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

@ -134,10 +134,12 @@
@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(); } }
@media screen and (-webkit-min-device-pixel-ratio:0) { width: 100% !important; }
}
&-fields {
@include flex(1 0 auto);
@include flex(1 0 50%);
min-width: 0;
}
&-aside {
@ -193,6 +195,8 @@
min-height: $details-field-line-height;
box-sizing: border-box;
line-height: $details-field-line-height;
overflow: hidden;
text-overflow: ellipsis;
.details__field--editable & {
border-radius: $base-border-radius;
&:hover {