From c2dee24c9bfe3d4df1f9b74490ba86093ee321a2 Mon Sep 17 00:00:00 2001 From: Tobias Klika Date: Fri, 10 Apr 2020 19:24:29 +0200 Subject: [PATCH] hover table rows --- zero.Web/App/Components/Tables/table.vue | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/zero.Web/App/Components/Tables/table.vue b/zero.Web/App/Components/Tables/table.vue index bd441c40..bd13f8ff 100644 --- a/zero.Web/App/Components/Tables/table.vue +++ b/zero.Web/App/Components/Tables/table.vue @@ -218,6 +218,8 @@ border-bottom: 1px solid var(--color-line-light); position: relative; min-height: 60px; + outline: 1px solid transparent; + transition: outline 0.1s ease, box-shadow 0.1s ease; &:last-child { @@ -225,6 +227,25 @@ } } + .ui-table-body .ui-table-row:hover + { + box-shadow: 0 0 5px 4px var(--color-shadow); + z-index: 4; + outline: 1px solid var(--color-line); + border-bottom-color: transparent; + + /*&:before + { + position: absolute; + left: 0; + top: 0; + bottom: 0; + content: ''; + width: 3px; + background: var(--color-line); + }*/ + } + .ui-table-head { font-weight: 700;