diff --git a/console/src/components/Common/TableCommon/ReactTableOverrides.css b/console/src/components/Common/TableCommon/ReactTableOverrides.css index 2aeabf67693..48a44d2c141 100644 --- a/console/src/components/Common/TableCommon/ReactTableOverrides.css +++ b/console/src/components/Common/TableCommon/ReactTableOverrides.css @@ -28,11 +28,7 @@ } .ReactTable .rt-thead .rt-resizable-header-content { - /* font-weight: bold; */ - /* Newly added */ - font-size: 16px; - font-weight: 600; - color: #454236; + font-weight: bold; } .ReactTable .rt-thead .rt-resizable-header .rt-resizer { @@ -69,9 +65,6 @@ .ReactTable .rt-table .rt-thead .rt-td { padding-left: 20px !important; padding-right: 20px !important; - /* Newly added */ - padding-top: 14px !important; - padding-bottom: 14px !important; border-right: 1px solid rgba(0, 0, 0, 0.1); } @@ -86,15 +79,6 @@ padding: 4px 8px; border-right: 1px solid rgba(0, 0, 0, 0.1); word-wrap: break-word; - /* padding: 8px; */ - /* Newly added */ - padding-left: 20px !important; - padding-right: 20px !important; - padding-top: 14px !important; - padding-bottom: 14px !important; - font-size: 16px; - font-weight: 400; - color: #303030; } .ReactTable .rt-th, .ReactTable .rt-td { @@ -120,12 +104,10 @@ } .ReactTable .rt-table .rt-thead .rt-tr .rt-th { - /* background-color: #f2f2f2 !important; */ - /* Newly added */ - background-color: #ededed !important; + background-color: #f2f2f2 !important; color: #4d4d4d; font-weight: 600 !important; - border-bottom: 0px solid #ddd; + border-bottom: 2px solid #ddd; text-align: left; } @@ -159,31 +141,6 @@ border-bottom: solid 1px rgba(0, 0, 0, 0.05); } -/* Newly added */ -.ReactTable .rt-thead .rt-tr { - border-left: 4px solid #ededed; - box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); - z-index: 100; -} -/* Newly added */ -.ReactTable .rt-table .rt-tbody .rt-tr-group .rt-tr.-even, -.ReactTable .rt-table .rt-tbody .rt-tr-group .rt-tr.-odd { - background-color: #fff; - border-left: 4px solid transparent; -} -.ReactTable .rt-table .rt-tbody .rt-tr-group .rt-tr.-even:hover { - /* background-color: #ebf7de; */ - /* Newly added */ - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16); - border-left: 4px solid #f8d721; -} -.ReactTable .rt-table .rt-tbody .rt-tr-group .rt-tr.-odd:hover { - /* background-color: #ebf7de; */ - /* Newly added */ - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16); - border-left: 4px solid #f8d721; -} - .ReactTable .rt-table .rt-tbody { overflow-x: unset !important; min-width: fit-content !important;