wbrawner/server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixed multiselect and header

Browse source 
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv) 2018-10-04 10:53:45 +02:00 committed by Jan-Christoph Borchardt
parent 39ff82f707
commit 5b8dd4d4d6
No known key found for this signature in database
GPG key ID: CBD846FC845CBE17
1 changed files with 25 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
apps/files/css/files.scss
View file

@ -172,7 +172,7 @@ table th, table th a {
color: var(--color-text-maxcontrast);
}
table.multiselect th a {
color: #000;
color: var(--color-main-text);
}
table th .columntitle {
display: block;
@ -262,8 +262,7 @@ table.multiselect thead {
}
table.multiselect thead th {
background-color: rgba(255, 255, 255, 0.95); /* like controls bar */
color: #000;
background-color: var(--color-main-background);
font-weight: bold;
border-bottom: 0;
}
@ -732,10 +731,20 @@ table.dragshadow td.size {
display: flex;
flex-direction: column;
/* HEADER and MULTISELECT */
thead {
display: none;
tr {
display: block;
border-bottom: 1px solid var(--color-border);
background-color: var(--color-main-background);
th {
width: auto;
border: none;
}
}
}
/* MAIN FILE LIST */
tbody {
display: grid;
grid-template-columns: repeat(auto-fill, 180px);
@ -823,6 +832,18 @@ table.dragshadow td.size {
display: inline-block;
}
}
/* Position actions menu below file */
.popovermenu {
left: 0;
width: 169px;
/* Ellipsize long entries, normally menu width is adjusted but for grid we use fixed width. */
.menuitem span:not(.icon) {
overflow: hidden;
text-overflow: ellipsis;
}
}
}
}
@ -831,18 +852,6 @@ table.dragshadow td.size {
display: none;
}
/* Position actions menu below file */
.popovermenu {
left: 0;
width: 169px;
/* Ellipsize long entries, normally menu width is adjusted but for grid we use fixed width. */
.menuitem span:not(.icon) {
overflow: hidden;
text-overflow: ellipsis;
}
}
/* Center align the footer file number & size summary */
tfoot {
display: grid;