From 1d8aa90db6ce84aa5fcf4c73214e9d1417845f97 Mon Sep 17 00:00:00 2001 From: Jonas Heinrich Date: Thu, 15 Oct 2020 12:14:07 +0200 Subject: [PATCH] Table component further styling --- src/components/Table/Table.vue | 15 +++------------ src/components/TableItem/TableItem.vue | 4 ++++ 2 files changed, 7 insertions(+), 12 deletions(-) diff --git a/src/components/Table/Table.vue b/src/components/Table/Table.vue index 6871e6c..5729cc2 100644 --- a/src/components/Table/Table.vue +++ b/src/components/Table/Table.vue @@ -44,6 +44,7 @@ table { display: block; flex-direction: column; + // FIXME thead { position: -webkit-sticky; position: sticky; @@ -62,24 +63,14 @@ table { tr { height: 51px; - background-color: var(--color-background-dark); + background-color: var(--color-background-light); - td.filename .nametext .innernametext { - color: var(--color-text-maxcontrast); - } - - tr:hover, tr:focus, tr:hover .filename form, tr.mouseOver td { + tr:hover, tr:focus, tr.mouseOver td { 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); } } } diff --git a/src/components/TableItem/TableItem.vue b/src/components/TableItem/TableItem.vue index 564931d..9fb9ecd 100644 --- a/src/components/TableItem/TableItem.vue +++ b/src/components/TableItem/TableItem.vue @@ -41,6 +41,10 @@ tr td:first-child { padding-right: 0px; } +td.filenameColumn .innernametext { + color: var(--color-main-text); +} + .stationIcon { width: 32px; height: 32px;