fix layout of sharing list

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
This commit is contained in:
Jan-Christoph Borchardt 2016-11-15 12:52:22 +01:00
parent 64be76008a
commit 5eab1cdece
3 changed files with 20 additions and 13 deletions

View file

@ -61,9 +61,9 @@ table td.filename .nametext .innernametext {
max-width: 50%;
}
/* ellipsis on user names in share sidebar */
/* ellipsis on user names in share sidebar, less on mobile */
#shareWithList .username {
max-width: 80px !important;
max-width: 80px !important;
}
/* proper notification area for multi line messages */

View file

@ -54,16 +54,21 @@
}
#shareWithList .unshare img, #shareWithList .showCruds img {
vertical-align:text-bottom; /* properly align icons */
vertical-align: text-bottom; /* properly align icons */
}
#shareWithList .sharingOptionsGroup .icon-more,
#shareWithList .unshare .icon-delete {
vertical-align: sub;
#shareWithList .sharingOptionsGroup .icon-more {
padding: 7px;
vertical-align: middle;
opacity: .5;
}
#shareWithList .unshare {
padding: 0;
padding: 4px;
vertical-align: text-bottom;
}
#shareWithList .unshare .icon {
vertical-align: text-top;
}
#shareWithList .unshare .icon-delete {
@ -71,21 +76,23 @@
background-position-x: 0;
}
#shareWithList label input[type=checkbox]{
#shareWithList label input[type=checkbox] {
margin-left: 0;
position: relative;
}
#shareWithList .username{
#shareWithList .username {
padding-right: 8px;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 254px;
max-width: 110px;
display: inline-block;
overflow: hidden;
vertical-align: middle;
}
#shareWithList li label{
#shareWithList li label {
padding: 6px;
margin-right: 8px;
vertical-align: text-top;
}
.shareTabView .icon-loading-small {

View file

@ -82,8 +82,8 @@
}
#shareWithList .sharingOptionsGroup .popovermenu {
right: -22px;
top: 30px;
right: -14px;
top: 40px;
}
#shareWithList .shareOption {