hover table rows

2020-04-10 19:24:29 +02:00
parent 2c53ded4b7
commit c2dee24c9b
1 changed files with 21 additions and 0 deletions
@@ -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;