1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-08-07 06:45:23 +02:00

fix(ui): consistent widget padding [r8s-136] (#82)

This commit is contained in:
Ali 2024-11-05 14:25:40 +13:00 committed by GitHub
parent 3c0d25f3bd
commit 458d722d47
16 changed files with 72 additions and 54 deletions

View file

@ -32,6 +32,34 @@
border-top: 1px solid var(--border-table-top-color);
}
/* the first cell in the table should have 20px padding instead of 5px to match all other widgets */
.widget .table:not(td .table) > thead > tr > th:first-child,
.widget .table:not(td .table) > tbody > tr > th:first-child,
.widget .table:not(td .table) > tfoot > tr > th:first-child,
.widget .table:not(td .table) > thead > tr > td:first-child,
.widget .table:not(td .table) > tbody > tr > td:first-child,
.widget .table:not(td .table) > tfoot > tr > td:first-child {
padding-left: 20px;
}
/* the last cell in the table should have 20px padding instead of 5px to match all other widgets */
.widget .table:not(td .table) > thead > tr > th:last-child,
.widget .table:not(td .table) > tbody > tr > th:last-child,
.widget .table:not(td .table) > tfoot > tr > th:last-child,
.widget .table:not(td .table) > thead > tr > td:last-child,
.widget .table:not(td .table) > tbody > tr > td:last-child,
.widget .table:not(td .table) > tfoot > tr > td:last-child {
padding-right: 20px;
}
/* tables inside widgets should extend the full width of the widget, with 20px table cell padding padding on the left and right */
.widget-body:not(.no-padding) > .table,
.widget-body:not(.no-padding) > .widget-content > .table {
margin: 0 -20px;
width: calc(100% + 40px);
max-width: calc(100% + 40px);
}
.input-group-addon {
color: var(--text-input-group-addon-color);
background-color: var(--bg-input-group-addon-color);