mirror/UNIT3D-Community-Edition
1
0
Fork 0
mirror of https://github.com/HDInnovations/UNIT3D-Community-Edition.git synced 2026-02-21 20:29:14 -06:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4423 from Roardom/fix-rounded-table-styles

Browse Source
This commit is contained in:
HDVinnie
2025-01-11 14:48:18 -05:00
committed by GitHub
parent 9840f5febb f7bd894c58
commit afefc66ea9
5 changed files with 139 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
resources/sass/themes/_material-design-v3-amoled.scss
View File

@@ -413,26 +413,39 @@
border-bottom-right-radius: var(--panel-border-radius);
}
.data-table tr:last-of-type td:first-of-type,
.data-table
> thead:not(:has(+ tbody > tr)):not(:has(tfoot))
> tr
> th:first-of-type {
/* Bottom-left-most table header which doesn't have a following tbody, tfoot nor pagination */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table
> thead:not(:has(+ tbody > tr)):not(:has(~ tfoot > tr))
> tr:last-of-type
> th:first-of-type,
/* Bottom-left-most tbody table row cell which doesn't have a following tfoot nor pagination */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table > tbody:not(:has(~ tfoot > tr)) > tr:last-of-type td:first-of-type,
/* Bottom-left-most tfoot table row cell which doesn't have a following pagination */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table > tfoot > tr:last-of-type > td:first-of-type {
border-bottom-left-radius: var(--panel-border-radius);
}
.data-table tr:last-of-type td:last-of-type,
.data-table
/* Unhidden bottom-right-most table cell on bon earning calculation page */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table
tr:last-of-type
td:not([style='display: none;']):has(+ td[style='display: none;']),
.data-table
> thead:not(:has(+ tbody > tr)):not(:has(tfoot))
> tr
> th:last-of-type {
/* Bottom-right-most table header which doesn't have a following tbody, tfoot nor pagination */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table
> thead:not(:has(+ tbody > tr)):not(:has(~ tfoot > tr))
> tr:last-of-type
> th:last-of-type,
/* Bottom-right-most tbody table row cell which doesn't have a following tfoot nor pagination */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table > tbody:not(:has(~ tfoot > tr)) > tr:last-of-type td:last-of-type,
/* Bottom-right-most tfoot table row cell which doesn't have a following pagination */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table > tfoot > tr:last-of-type > td:last-of-type {
border-bottom-right-radius: var(--panel-border-radius);
}
.data-table > thead:not(:has(+ tbody > tr)):not(:has(tfoot)) > tr > th {
/* Bottom-most table header cells which don't have a following tbody nor tfoot */
.data-table
> thead:not(:has(+ tbody > tr)):not(:has(~ tfoot > tr))
> tr:last-of-type
> th {
border-bottom: none;
}

37
resources/sass/themes/_material-design-v3-dark.scss
View File

@@ -414,26 +414,39 @@
border-bottom-right-radius: var(--panel-border-radius);
}
.data-table tr:last-of-type td:first-of-type,
.data-table
> thead:not(:has(+ tbody > tr)):not(:has(tfoot))
> tr
> th:first-of-type {
/* Bottom-left-most table header which doesn't have a following tbody, tfoot nor pagination */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table
> thead:not(:has(+ tbody > tr)):not(:has(~ tfoot > tr))
> tr:last-of-type
> th:first-of-type,
/* Bottom-left-most tbody table row cell which doesn't have a following tfoot nor pagination */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table > tbody:not(:has(~ tfoot > tr)) > tr:last-of-type td:first-of-type,
/* Bottom-left-most tfoot table row cell which doesn't have a following pagination */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table > tfoot > tr:last-of-type > td:first-of-type {
border-bottom-left-radius: var(--panel-border-radius);
}
.data-table tr:last-of-type td:last-of-type,
.data-table
/* Unhidden bottom-right-most table cell on bon earning calculation page */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table
tr:last-of-type
td:not([style='display: none;']):has(+ td[style='display: none;']),
.data-table
> thead:not(:has(+ tbody > tr)):not(:has(tfoot))
> tr
> th:last-of-type {
/* Bottom-right-most table header which doesn't have a following tbody, tfoot nor pagination */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table
> thead:not(:has(+ tbody > tr)):not(:has(~ tfoot > tr))
> tr:last-of-type
> th:last-of-type,
/* Bottom-right-most tbody table row cell which doesn't have a following tfoot nor pagination */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table > tbody:not(:has(~ tfoot > tr)) > tr:last-of-type td:last-of-type,
/* Bottom-right-most tfoot table row cell which doesn't have a following pagination */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table > tfoot > tr:last-of-type > td:last-of-type {
border-bottom-right-radius: var(--panel-border-radius);
}
.data-table > thead:not(:has(+ tbody > tr)):not(:has(tfoot)) > tr > th {
/* Bottom-most table header cells which don't have a following tbody nor tfoot */
.data-table
> thead:not(:has(+ tbody > tr)):not(:has(~ tfoot > tr))
> tr:last-of-type
> th {
border-bottom: none;
}

37
resources/sass/themes/_material-design-v3-light.scss
View File

@@ -411,26 +411,39 @@
border-bottom-right-radius: var(--panel-border-radius);
}
.data-table tr:last-of-type td:first-of-type,
.data-table
> thead:not(:has(+ tbody > tr)):not(:has(tfoot))
> tr
> th:first-of-type {
/* Bottom-left-most table header which doesn't have a following tbody, tfoot nor pagination */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table
> thead:not(:has(+ tbody > tr)):not(:has(~ tfoot > tr))
> tr:last-of-type
> th:first-of-type,
/* Bottom-left-most tbody table row cell which doesn't have a following tfoot nor pagination */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table > tbody:not(:has(~ tfoot > tr)) > tr:last-of-type td:first-of-type,
/* Bottom-left-most tfoot table row cell which doesn't have a following pagination */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table > tfoot > tr:last-of-type > td:first-of-type {
border-bottom-left-radius: var(--panel-border-radius);
}
.data-table tr:last-of-type td:last-of-type,
.data-table
/* Unhidden bottom-right-most table cell on bon earning calculation page */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table
tr:last-of-type
td:not([style='display: none;']):has(+ td[style='display: none;']),
.data-table
> thead:not(:has(+ tbody > tr)):not(:has(tfoot))
> tr
> th:last-of-type {
/* Bottom-right-most table header which doesn't have a following tbody, tfoot nor pagination */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table
> thead:not(:has(+ tbody > tr)):not(:has(~ tfoot > tr))
> tr:last-of-type
> th:last-of-type,
/* Bottom-right-most tbody table row cell which doesn't have a following tfoot nor pagination */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table > tbody:not(:has(~ tfoot > tr)) > tr:last-of-type td:last-of-type,
/* Bottom-right-most tfoot table row cell which doesn't have a following pagination */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table > tfoot > tr:last-of-type > td:last-of-type {
border-bottom-right-radius: var(--panel-border-radius);
}
.data-table > thead:not(:has(+ tbody > tr)):not(:has(tfoot)) > tr > th {
/* Bottom-most table header cells which don't have a following tbody nor tfoot */
.data-table
> thead:not(:has(+ tbody > tr)):not(:has(~ tfoot > tr))
> tr:last-of-type
> th {
border-bottom: none;
}

37
resources/sass/themes/_material-design-v3-navy.scss
View File

@@ -415,26 +415,39 @@
border-bottom-right-radius: var(--panel-border-radius);
}
.data-table tr:last-of-type td:first-of-type,
.data-table
> thead:not(:has(+ tbody > tr)):not(:has(tfoot))
> tr
> th:first-of-type {
/* Bottom-left-most table header which doesn't have a following tbody, tfoot nor pagination */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table
> thead:not(:has(+ tbody > tr)):not(:has(~ tfoot > tr))
> tr:last-of-type
> th:first-of-type,
/* Bottom-left-most tbody table row cell which doesn't have a following tfoot nor pagination */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table > tbody:not(:has(~ tfoot > tr)) > tr:last-of-type td:first-of-type,
/* Bottom-left-most tfoot table row cell which doesn't have a following pagination */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table > tfoot > tr:last-of-type > td:first-of-type {
border-bottom-left-radius: var(--panel-border-radius);
}
.data-table tr:last-of-type td:last-of-type,
.data-table
/* Unhidden bottom-right-most table cell on bon earning calculation page */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table
tr:last-of-type
td:not([style='display: none;']):has(+ td[style='display: none;']),
.data-table
> thead:not(:has(+ tbody > tr)):not(:has(tfoot))
> tr
> th:last-of-type {
/* Bottom-right-most table header which doesn't have a following tbody, tfoot nor pagination */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table
> thead:not(:has(+ tbody > tr)):not(:has(~ tfoot > tr))
> tr:last-of-type
> th:last-of-type,
/* Bottom-right-most tbody table row cell which doesn't have a following tfoot nor pagination */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table > tbody:not(:has(~ tfoot > tr)) > tr:last-of-type td:last-of-type,
/* Bottom-right-most tfoot table row cell which doesn't have a following pagination */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table > tfoot > tr:last-of-type > td:last-of-type {
border-bottom-right-radius: var(--panel-border-radius);
}
.data-table > thead:not(:has(+ tbody > tr)):not(:has(tfoot)) > tr > th {
/* Bottom-most table header cells which don't have a following tbody nor tfoot */
.data-table
> thead:not(:has(+ tbody > tr)):not(:has(~ tfoot > tr))
> tr:last-of-type
> th {
border-bottom: none;
}

39
resources/sass/themes/_nord.scss
View File

@@ -456,6 +456,45 @@ hr {
border-bottom: 1px solid #88c0d0;
}
/* Data Tables
---------------------------------------------------------------------------- */
/* Bottom-left-most table header which doesn't have a following tbody, tfoot nor pagination */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table
> thead:not(:has(+ tbody > tr)):not(:has(~ tfoot > tr))
> tr:last-of-type
> th:first-of-type,
/* Bottom-left-most tbody table row cell which doesn't have a following tfoot nor pagination */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table > tbody:not(:has(~ tfoot > tr)) > tr:last-of-type td:first-of-type,
/* Bottom-left-most tfoot table row cell which doesn't have a following pagination */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table > tfoot > tr:last-of-type > td:first-of-type {
border-bottom-left-radius: 10px;
}
/* Unhidden bottom-right-most table cell on bon earning calculation page */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table
tr:last-of-type
td:not([style='display: none;']):has(+ td[style='display: none;']),
/* Bottom-right-most table header which doesn't have a following tbody, tfoot nor pagination */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table
> thead:not(:has(+ tbody > tr)):not(:has(~ tfoot > tr))
> tr:last-of-type
> th:last-of-type,
/* Bottom-right-most tbody table row cell which doesn't have a following tfoot nor pagination */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table > tbody:not(:has(~ tfoot > tr)) > tr:last-of-type td:last-of-type,
/* Bottom-right-most tfoot table row cell which doesn't have a following pagination */
.data-table-wrapper:not(:has(+ .pagination)) >.data-table > tfoot > tr:last-of-type > td:last-of-type {
border-bottom-right-radius: 10px;
}
/* Bottom-most table header cells which don't have a following tbody nor tfoot */
.data-table
> thead:not(:has(+ tbody > tr)):not(:has(~ tfoot > tr))
> tr:last-of-type
> th {
border-bottom: none;
}
/* Achievements
---------------------------------------------------------------------------- */