Xefir/nextcloud-app-radio
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

Table component further styling

Browse Source
This commit is contained in:
Jonas Heinrich 2020-10-15 12:14:07 +02:00
parent 579947a942
commit 1d8aa90db6
2 changed files with 7 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/Table/Table.vue
View File

@ -44,6 +44,7 @@ table {
display: block; display: block;
flex-direction: column; flex-direction: column;
// FIXME
thead { thead {
position: -webkit-sticky; position: -webkit-sticky;
position: sticky; position: sticky;
@ -62,24 +63,14 @@ table {
tr { tr {
height: 51px; height: 51px;
background-color: var(--color-background-dark); background-color: var(--color-background-light);
td.filename .nametext .innernametext { tr:hover, tr:focus, tr.mouseOver td {
color: var(--color-text-maxcontrast);
}
tr:hover, tr:focus, tr:hover .filename form, tr.mouseOver td {
background-color: var(--color-background-hover); background-color: var(--color-background-hover);
} }
tr:active, tr.highlighted, tr.highlighted .name:focus, tr.selected,
tr.searchresult {
background-color: var(--color-primary-light);
}
} }
a { color: var(--color-main-text); }
} }
} }

4
src/components/TableItem/TableItem.vue
View File

@ -41,6 +41,10 @@ tr td:first-child {
padding-right: 0px; padding-right: 0px;
} }
td.filenameColumn .innernametext {
color: var(--color-main-text);
}
.stationIcon { .stationIcon {
width: 32px; width: 32px;
height: 32px; height: 32px;