fix(table-overview): Multiple changes on dashboard table from overview (

#3773)
prowler-cloud · Apr 16, 2024 · 81778f7 · 81778f7
1 parent 2623728
commit 81778f7
Show file tree

Hide file tree

Showing 4 changed files with 190 additions and 205 deletions.
diff --git a/dashboard/assets/styles/dist/output.css b/dashboard/assets/styles/dist/output.css
@@ -553,105 +553,6 @@ video {
  grid-template-columns: minmax(0, 16fr) repeat(11, minmax(0, 11fr));
 }
 
-/* Styles for the table in the overview page */
-
-.table-overview thead {
- display: table;
- width: 100%;
- table-layout: fixed;
-}
-
-.table-overview tbody {
- -ms-overflow-style: none;
- /* IE and Edge */
- scrollbar-width: none;
- /* Firefox */
-}
-
-.table-overview tbody tr {
- display: table;
- width: 100%;
- table-layout: fixed;
-}
-
-/* Styles for thead */
-
-.table-overview th {
- --tw-bg-opacity: 1;
- background-color: rgb(41 37 36 / var(--tw-bg-opacity));
- padding-top: 0.75rem;
- padding-bottom: 0.75rem;
- font-size: 0.875rem;
- font-weight: 700;
-}
-
-.table-overview td {
- --tw-bg-opacity: 1;
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
- padding-top: 0.5rem;
- padding-bottom: 0.5rem;
- font-size: 0.875rem;
- font-weight: 400;
- --tw-text-opacity: 1;
- color: rgb(41 37 36 / var(--tw-text-opacity));
-}
-
-/* Check ID */
-
-.table-overview td:nth-child(1),
- .table-overview th:nth-child(1) {
- width: 52%;
-}
-
-/* Severity */
-
-.table-overview td:nth-child(2),
- .table-overview th:nth-child(2) {
- width: 8%;
- text-transform: capitalize;
-}
-
-/* Status */
-
-.table-overview td:nth-child(3),
- .table-overview th:nth-child(3) {
- width: 7%;
-}
-
-.table-overview td:nth-child(3) {
- font-weight: 700;
- --tw-text-opacity: 1;
- color: rgb(185 28 28 / var(--tw-text-opacity));
-}
-
-/* Region */
-
-.table-overview td:nth-child(4),
- .table-overview th:nth-child(4) {
- width: 9%;
-}
-
-/* Service */
-
-.table-overview td:nth-child(5),
- .table-overview th:nth-child(5) {
- width: 6%;
-}
-
-/* Provider */
-
-.table-overview td:nth-child(6),
- .table-overview th:nth-child(6) {
- width: 7%;
-}
-
-/* Account ID */
-
-.table-overview td:nth-child(7),
- .table-overview th:nth-child(7) {
- width: 11%;
-}
-
 .visible {
  visibility: visible;
 }
@@ -1091,6 +992,19 @@ video {
  /* Firefox */
 }
 
+/*Styles for previous-vext-container from table*/
+.previous-next-container {
+ margin-top: 1rem;
+ color: #000;
+}
+
+/*Style for input in filter table*/
+.dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner input:not([type=radio]):not([type=checkbox]) {
+ color: #FFF !important;
+ opacity: 1 !important;
+}
+
+
 #_dash-app-content {
  --tw-bg-opacity: 1;
  background-color: rgb(231 229 228 / var(--tw-bg-opacity));

diff --git a/dashboard/lib/layouts.py b/dashboard/lib/layouts.py
@@ -5,7 +5,8 @@ def create_layout_overview(
  account_dropdown: html.Div,
  date_dropdown: html.Div,
  region_dropdown: html.Div,
- download_button: html.Button,
+ download_button_csv: html.Button,
+ download_button_xlsx: html.Button,
  severity_dropdown: html.Div,
  service_dropdown: html.Div,
  table_row_dropdown: html.Div,
@@ -95,7 +96,8 @@ def create_layout_overview(
  )
  ),
  table_row_dropdown,
- download_button,
+ download_button_csv,
+ download_button_xlsx,
  ],
  className="flex justify-between items-center",
  ),