From 428c1695f266faf912ff3fee41bbb6817d5a2e98 Mon Sep 17 00:00:00 2001 From: decabeza Date: Mon, 16 Mar 2020 12:54:00 +0100 Subject: [PATCH] Add new styles for admin tables --- app/assets/stylesheets/admin.scss | 43 +++++++++++++++++++++---------- 1 file changed, 30 insertions(+), 13 deletions(-) diff --git a/app/assets/stylesheets/admin.scss b/app/assets/stylesheets/admin.scss index 86428fb39..597870045 100644 --- a/app/assets/stylesheets/admin.scss +++ b/app/assets/stylesheets/admin.scss @@ -17,10 +17,15 @@ // ----------------- $admin-color: #245b80; +$admin-text: #434d54; + $sidebar: #245b80; $sidebar-hover: #25597c; $sidebar-active: #f4fcd0; +$table-border: 2px solid #d3d9dd; +$table-header: #ecf1f6; + .admin { @include admin-layout; @@ -199,27 +204,31 @@ $sidebar-active: #f4fcd0; } } - tr { - background: #fff; - border: 1px solid $border; - - &:hover { - background: #f3f6f7; - } - } - table { thead { - color: #fff; + + &, + tr { + border: 0; + } + + th:first-of-type { + border-top-left-radius: rem-calc(8); + } + + th:last-of-type { + border-top-right-radius: rem-calc(8); + } } th { - background: $brand; - color: #fff; + background: $table-header; + color: $admin-text; + padding: $line-height / 2; label { - color: #fff; + color: $white; } a { @@ -228,6 +237,14 @@ $sidebar-active: #f4fcd0; } } + tr { + border: $table-border; + + &:hover { + background: #f3f6f7; + } + } + .break { word-break: break-word; }