Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

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

Merged
merged 10 commits into from
Apr 16, 2024
Merged

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

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
e92b8fb
fix(table-overview): add correct color for status
pedrooot Apr 15, 2024
e9bd88c
fix(table-overview): improve colors
pedrooot Apr 15, 2024
fe957df
feat(download): add download in xlsx
pedrooot Apr 15, 2024
68633d1
fix: typo
pedrooot Apr 15, 2024
84836ab
feat(overview-table): add paginator
pedrooot Apr 15, 2024
156fcb5
fix(table-row): fix unvalid option
pedrooot Apr 15, 2024
7650244
feat(table-dashboard): add filter in columns
pedrooot Apr 15, 2024
8870d60
refactor(placeholder): change placeholder
pedrooot Apr 15, 2024
7b48355
resolve comments
pedrooot Apr 15, 2024
8e0c3b2
fix(download): handle row-dropdown in download buttons
pedrooot Apr 15, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
112 changes: 13 additions & 99 deletions dashboard/assets/styles/dist/output.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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;
}
Expand Down Expand Up @@ -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));
Expand Down
6 changes: 4 additions & 2 deletions dashboard/lib/layouts.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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,
Expand Down Expand Up @@ -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",
),
Expand Down