mirror of
https://github.com/Chalarangelo/mini.css.git
synced 2025-07-31 02:50:26 +02:00
Added scrollable table component
All flavors updated to use the new scrollable component (except for lite and sucroa), optimizations made to the table module.
This commit is contained in:
Angelos Chalaris
130
dist/mini-dark.css
vendored
130
dist/mini-dark.css
vendored
@@ -117,7 +117,7 @@ hr {
|
||||
overflow: visible;
|
||||
line-height: 1.25em;
|
||||
margin: 0.5rem;
|
||||
height: 1px;
|
||||
height: 0.0625rem;
|
||||
background: linear-gradient(to right, #616161, #9e9e9e, #616161);
|
||||
}
|
||||
|
||||
@@ -1336,7 +1336,7 @@ table th:first-child, table td:first-child {
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
table.horizontal {
|
||||
table.horizontal, table.scrollable {
|
||||
display: -webkit-box;
|
||||
-webkit-box-flex: 0;
|
||||
-webkit-box-orient: horizontal;
|
||||
@@ -1349,25 +1349,32 @@ table th:first-child, table td:first-child {
|
||||
flex-flow: row wrap;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
table.horizontal caption {
|
||||
table.horizontal caption, table.scrollable caption {
|
||||
-webkit-box-flex: 1;
|
||||
max-width: 100%;
|
||||
-webkit-flex: 0 0 100%;
|
||||
flex: 0 0 100%;
|
||||
}
|
||||
table.horizontal thead, table.horizontal tbody {
|
||||
table.horizontal thead, table.horizontal tbody, table.scrollable thead, table.scrollable tbody {
|
||||
display: -webkit-box;
|
||||
-webkit-box-flex: 0;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
table.horizontal thead, table.scrollable thead {
|
||||
z-index: 999;
|
||||
}
|
||||
table.horizontal tr, table.scrollable tr {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
table.horizontal thead, table.horizontal tbody {
|
||||
-webkit-flex-flow: row nowrap;
|
||||
flex-flow: row nowrap;
|
||||
}
|
||||
table.horizontal thead {
|
||||
z-index: 999;
|
||||
}
|
||||
table.horizontal tbody {
|
||||
overflow: auto;
|
||||
-webkit-box-pack: justify;
|
||||
@@ -1377,12 +1384,9 @@ table th:first-child, table td:first-child {
|
||||
flex: 1 0 0;
|
||||
}
|
||||
table.horizontal tr {
|
||||
display: -webkit-box;
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-flex: 1 0 auto;
|
||||
@@ -1404,10 +1408,50 @@ table th:first-child, table td:first-child {
|
||||
table.horizontal tbody tr:first-child > td {
|
||||
padding-left: 1.25rem;
|
||||
}
|
||||
table.scrollable {
|
||||
overflow: auto;
|
||||
height: 400px;
|
||||
border: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
table.scrollable thead, table.scrollable tbody {
|
||||
-webkit-box-flex: 1;
|
||||
max-width: 100%;
|
||||
-webkit-flex-flow: row wrap;
|
||||
flex-flow: row wrap;
|
||||
-webkit-flex: 0 0 100%;
|
||||
flex: 0 0 100%;
|
||||
border: 0.0625rem solid #1c2529;
|
||||
}
|
||||
table.scrollable tbody {
|
||||
border-top: 0;
|
||||
margin-top: -0.0625rem;
|
||||
}
|
||||
table.scrollable tr {
|
||||
-webkit-box-flex: 0;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
-webkit-flex-flow: row wrap;
|
||||
flex-flow: row wrap;
|
||||
-webkit-flex: 0 0 100%;
|
||||
flex: 0 0 100%;
|
||||
padding: 0;
|
||||
}
|
||||
table.scrollable th, table.scrollable td {
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1 0 0%;
|
||||
flex: 1 0 0%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
table.scrollable thead {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
table.horizontal.preset {
|
||||
table.horizontal.preset, table.scrollable.preset {
|
||||
display: -webkit-box;
|
||||
-webkit-box-flex: 0;
|
||||
-webkit-box-orient: horizontal;
|
||||
@@ -1418,26 +1462,34 @@ table th:first-child, table td:first-child {
|
||||
flex: 0 1 auto;
|
||||
-webkit-flex-flow: row wrap;
|
||||
flex-flow: row wrap;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
table.horizontal.preset caption {
|
||||
table.horizontal.preset caption, table.scrollable.preset caption {
|
||||
-webkit-box-flex: 1;
|
||||
max-width: 100%;
|
||||
-webkit-flex: 0 0 100%;
|
||||
flex: 0 0 100%;
|
||||
}
|
||||
table.horizontal.preset thead, table.horizontal.preset tbody {
|
||||
table.horizontal.preset thead, table.horizontal.preset tbody, table.scrollable.preset thead, table.scrollable.preset tbody {
|
||||
display: -webkit-box;
|
||||
-webkit-box-flex: 0;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
table.horizontal.preset thead, table.scrollable.preset thead {
|
||||
z-index: 999;
|
||||
}
|
||||
table.horizontal.preset tr, table.scrollable.preset tr {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
table.horizontal.preset thead, table.horizontal.preset tbody {
|
||||
-webkit-flex-flow: row nowrap;
|
||||
flex-flow: row nowrap;
|
||||
}
|
||||
table.horizontal.preset thead {
|
||||
z-index: 999;
|
||||
}
|
||||
table.horizontal.preset tbody {
|
||||
overflow: auto;
|
||||
-webkit-box-pack: justify;
|
||||
@@ -1447,12 +1499,9 @@ table th:first-child, table td:first-child {
|
||||
flex: 1 0 0;
|
||||
}
|
||||
table.horizontal.preset tr {
|
||||
display: -webkit-box;
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-flex: 1 0 auto;
|
||||
@@ -1468,9 +1517,52 @@ table th:first-child, table td:first-child {
|
||||
table.horizontal.preset th {
|
||||
text-align: right;
|
||||
}
|
||||
table.horizontal.preset thead tr:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
table.horizontal.preset tbody tr:first-child > td {
|
||||
padding-left: 1.25rem;
|
||||
}
|
||||
table.scrollable.preset {
|
||||
overflow: auto;
|
||||
height: 400px;
|
||||
border: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
table.scrollable.preset thead, table.scrollable.preset tbody {
|
||||
-webkit-box-flex: 1;
|
||||
max-width: 100%;
|
||||
-webkit-flex-flow: row wrap;
|
||||
flex-flow: row wrap;
|
||||
-webkit-flex: 0 0 100%;
|
||||
flex: 0 0 100%;
|
||||
border: 0.0625rem solid #1c2529;
|
||||
}
|
||||
table.scrollable.preset tbody {
|
||||
border-top: 0;
|
||||
margin-top: -0.0625rem;
|
||||
}
|
||||
table.scrollable.preset tr {
|
||||
-webkit-box-flex: 0;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
-webkit-flex-flow: row wrap;
|
||||
flex-flow: row wrap;
|
||||
-webkit-flex: 0 0 100%;
|
||||
flex: 0 0 100%;
|
||||
padding: 0;
|
||||
}
|
||||
table.scrollable.preset th, table.scrollable.preset td {
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1 0 0%;
|
||||
flex: 1 0 0%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
table.scrollable.preset thead {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
table.striped tr:nth-of-type(2n) > td {
|
||||
|
||||
2
dist/mini-dark.min.css
vendored
2
dist/mini-dark.min.css
vendored
File diff suppressed because one or more lines are too long
130
dist/mini-default.css
vendored
130
dist/mini-default.css
vendored
@@ -117,7 +117,7 @@ hr {
|
||||
overflow: visible;
|
||||
line-height: 1.25em;
|
||||
margin: 0.5rem;
|
||||
height: 1px;
|
||||
height: 0.0625rem;
|
||||
background: linear-gradient(to right, #bdbdbd, #8c8c8c, #bdbdbd);
|
||||
}
|
||||
|
||||
@@ -1336,7 +1336,7 @@ table th:first-child, table td:first-child {
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
table.horizontal {
|
||||
table.horizontal, table.scrollable {
|
||||
display: -webkit-box;
|
||||
-webkit-box-flex: 0;
|
||||
-webkit-box-orient: horizontal;
|
||||
@@ -1349,25 +1349,32 @@ table th:first-child, table td:first-child {
|
||||
flex-flow: row wrap;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
table.horizontal caption {
|
||||
table.horizontal caption, table.scrollable caption {
|
||||
-webkit-box-flex: 1;
|
||||
max-width: 100%;
|
||||
-webkit-flex: 0 0 100%;
|
||||
flex: 0 0 100%;
|
||||
}
|
||||
table.horizontal thead, table.horizontal tbody {
|
||||
table.horizontal thead, table.horizontal tbody, table.scrollable thead, table.scrollable tbody {
|
||||
display: -webkit-box;
|
||||
-webkit-box-flex: 0;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
table.horizontal thead, table.scrollable thead {
|
||||
z-index: 999;
|
||||
}
|
||||
table.horizontal tr, table.scrollable tr {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
table.horizontal thead, table.horizontal tbody {
|
||||
-webkit-flex-flow: row nowrap;
|
||||
flex-flow: row nowrap;
|
||||
}
|
||||
table.horizontal thead {
|
||||
z-index: 999;
|
||||
}
|
||||
table.horizontal tbody {
|
||||
overflow: auto;
|
||||
-webkit-box-pack: justify;
|
||||
@@ -1377,12 +1384,9 @@ table th:first-child, table td:first-child {
|
||||
flex: 1 0 0;
|
||||
}
|
||||
table.horizontal tr {
|
||||
display: -webkit-box;
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-flex: 1 0 auto;
|
||||
@@ -1404,10 +1408,50 @@ table th:first-child, table td:first-child {
|
||||
table.horizontal tbody tr:first-child > td {
|
||||
padding-left: 1.25rem;
|
||||
}
|
||||
table.scrollable {
|
||||
overflow: auto;
|
||||
height: 400px;
|
||||
border: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
table.scrollable thead, table.scrollable tbody {
|
||||
-webkit-box-flex: 1;
|
||||
max-width: 100%;
|
||||
-webkit-flex-flow: row wrap;
|
||||
flex-flow: row wrap;
|
||||
-webkit-flex: 0 0 100%;
|
||||
flex: 0 0 100%;
|
||||
border: 0.0625rem solid #c9c9c9;
|
||||
}
|
||||
table.scrollable tbody {
|
||||
border-top: 0;
|
||||
margin-top: -0.0625rem;
|
||||
}
|
||||
table.scrollable tr {
|
||||
-webkit-box-flex: 0;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
-webkit-flex-flow: row wrap;
|
||||
flex-flow: row wrap;
|
||||
-webkit-flex: 0 0 100%;
|
||||
flex: 0 0 100%;
|
||||
padding: 0;
|
||||
}
|
||||
table.scrollable th, table.scrollable td {
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1 0 0%;
|
||||
flex: 1 0 0%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
table.scrollable thead {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
table.horizontal.preset {
|
||||
table.horizontal.preset, table.scrollable.preset {
|
||||
display: -webkit-box;
|
||||
-webkit-box-flex: 0;
|
||||
-webkit-box-orient: horizontal;
|
||||
@@ -1418,26 +1462,34 @@ table th:first-child, table td:first-child {
|
||||
flex: 0 1 auto;
|
||||
-webkit-flex-flow: row wrap;
|
||||
flex-flow: row wrap;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
table.horizontal.preset caption {
|
||||
table.horizontal.preset caption, table.scrollable.preset caption {
|
||||
-webkit-box-flex: 1;
|
||||
max-width: 100%;
|
||||
-webkit-flex: 0 0 100%;
|
||||
flex: 0 0 100%;
|
||||
}
|
||||
table.horizontal.preset thead, table.horizontal.preset tbody {
|
||||
table.horizontal.preset thead, table.horizontal.preset tbody, table.scrollable.preset thead, table.scrollable.preset tbody {
|
||||
display: -webkit-box;
|
||||
-webkit-box-flex: 0;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
table.horizontal.preset thead, table.scrollable.preset thead {
|
||||
z-index: 999;
|
||||
}
|
||||
table.horizontal.preset tr, table.scrollable.preset tr {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
table.horizontal.preset thead, table.horizontal.preset tbody {
|
||||
-webkit-flex-flow: row nowrap;
|
||||
flex-flow: row nowrap;
|
||||
}
|
||||
table.horizontal.preset thead {
|
||||
z-index: 999;
|
||||
}
|
||||
table.horizontal.preset tbody {
|
||||
overflow: auto;
|
||||
-webkit-box-pack: justify;
|
||||
@@ -1447,12 +1499,9 @@ table th:first-child, table td:first-child {
|
||||
flex: 1 0 0;
|
||||
}
|
||||
table.horizontal.preset tr {
|
||||
display: -webkit-box;
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-flex: 1 0 auto;
|
||||
@@ -1468,9 +1517,52 @@ table th:first-child, table td:first-child {
|
||||
table.horizontal.preset th {
|
||||
text-align: right;
|
||||
}
|
||||
table.horizontal.preset thead tr:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
table.horizontal.preset tbody tr:first-child > td {
|
||||
padding-left: 1.25rem;
|
||||
}
|
||||
table.scrollable.preset {
|
||||
overflow: auto;
|
||||
height: 400px;
|
||||
border: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
table.scrollable.preset thead, table.scrollable.preset tbody {
|
||||
-webkit-box-flex: 1;
|
||||
max-width: 100%;
|
||||
-webkit-flex-flow: row wrap;
|
||||
flex-flow: row wrap;
|
||||
-webkit-flex: 0 0 100%;
|
||||
flex: 0 0 100%;
|
||||
border: 0.0625rem solid #c9c9c9;
|
||||
}
|
||||
table.scrollable.preset tbody {
|
||||
border-top: 0;
|
||||
margin-top: -0.0625rem;
|
||||
}
|
||||
table.scrollable.preset tr {
|
||||
-webkit-box-flex: 0;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
-webkit-flex-flow: row wrap;
|
||||
flex-flow: row wrap;
|
||||
-webkit-flex: 0 0 100%;
|
||||
flex: 0 0 100%;
|
||||
padding: 0;
|
||||
}
|
||||
table.scrollable.preset th, table.scrollable.preset td {
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1 0 0%;
|
||||
flex: 1 0 0%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
table.scrollable.preset thead {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
table.striped tr:nth-of-type(2n) > td {
|
||||
|
||||
2
dist/mini-default.min.css
vendored
2
dist/mini-default.min.css
vendored
File diff suppressed because one or more lines are too long
130
dist/mini-nord.css
vendored
130
dist/mini-nord.css
vendored
@@ -117,7 +117,7 @@ hr {
|
||||
overflow: visible;
|
||||
line-height: 1.25em;
|
||||
margin: 8px;
|
||||
height: 1px;
|
||||
height: 0.0625rem;
|
||||
background: linear-gradient(to right, #ECEFF4, #D8DEE9, #ECEFF4);
|
||||
}
|
||||
|
||||
@@ -1358,7 +1358,7 @@ table th:first-child, table td:first-child {
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
table.horizontal {
|
||||
table.horizontal, table.scrollable {
|
||||
display: -webkit-box;
|
||||
-webkit-box-flex: 0;
|
||||
-webkit-box-orient: horizontal;
|
||||
@@ -1371,25 +1371,32 @@ table th:first-child, table td:first-child {
|
||||
flex-flow: row wrap;
|
||||
padding: 8px;
|
||||
}
|
||||
table.horizontal caption {
|
||||
table.horizontal caption, table.scrollable caption {
|
||||
-webkit-box-flex: 1;
|
||||
max-width: 100%;
|
||||
-webkit-flex: 0 0 100%;
|
||||
flex: 0 0 100%;
|
||||
}
|
||||
table.horizontal thead, table.horizontal tbody {
|
||||
table.horizontal thead, table.horizontal tbody, table.scrollable thead, table.scrollable tbody {
|
||||
display: -webkit-box;
|
||||
-webkit-box-flex: 0;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
table.horizontal thead, table.scrollable thead {
|
||||
z-index: 999;
|
||||
}
|
||||
table.horizontal tr, table.scrollable tr {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
table.horizontal thead, table.horizontal tbody {
|
||||
-webkit-flex-flow: row nowrap;
|
||||
flex-flow: row nowrap;
|
||||
}
|
||||
table.horizontal thead {
|
||||
z-index: 999;
|
||||
}
|
||||
table.horizontal tbody {
|
||||
overflow: auto;
|
||||
-webkit-box-pack: justify;
|
||||
@@ -1399,12 +1406,9 @@ table th:first-child, table td:first-child {
|
||||
flex: 1 0 0;
|
||||
}
|
||||
table.horizontal tr {
|
||||
display: -webkit-box;
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-flex: 1 0 auto;
|
||||
@@ -1426,10 +1430,50 @@ table th:first-child, table td:first-child {
|
||||
table.horizontal tbody tr:first-child > td {
|
||||
padding-left: 20px;
|
||||
}
|
||||
table.scrollable {
|
||||
overflow: auto;
|
||||
height: 400px;
|
||||
border: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
table.scrollable thead, table.scrollable tbody {
|
||||
-webkit-box-flex: 1;
|
||||
max-width: 100%;
|
||||
-webkit-flex-flow: row wrap;
|
||||
flex-flow: row wrap;
|
||||
-webkit-flex: 0 0 100%;
|
||||
flex: 0 0 100%;
|
||||
border: 1px solid #D8DEE9;
|
||||
}
|
||||
table.scrollable tbody {
|
||||
border-top: 0;
|
||||
margin-top: -0.0625rem;
|
||||
}
|
||||
table.scrollable tr {
|
||||
-webkit-box-flex: 0;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
-webkit-flex-flow: row wrap;
|
||||
flex-flow: row wrap;
|
||||
-webkit-flex: 0 0 100%;
|
||||
flex: 0 0 100%;
|
||||
padding: 0;
|
||||
}
|
||||
table.scrollable th, table.scrollable td {
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1 0 0%;
|
||||
flex: 1 0 0%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
table.scrollable thead {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
table.horizontal.preset {
|
||||
table.horizontal.preset, table.scrollable.preset {
|
||||
display: -webkit-box;
|
||||
-webkit-box-flex: 0;
|
||||
-webkit-box-orient: horizontal;
|
||||
@@ -1440,26 +1484,34 @@ table th:first-child, table td:first-child {
|
||||
flex: 0 1 auto;
|
||||
-webkit-flex-flow: row wrap;
|
||||
flex-flow: row wrap;
|
||||
padding: 8px;
|
||||
}
|
||||
table.horizontal.preset caption {
|
||||
table.horizontal.preset caption, table.scrollable.preset caption {
|
||||
-webkit-box-flex: 1;
|
||||
max-width: 100%;
|
||||
-webkit-flex: 0 0 100%;
|
||||
flex: 0 0 100%;
|
||||
}
|
||||
table.horizontal.preset thead, table.horizontal.preset tbody {
|
||||
table.horizontal.preset thead, table.horizontal.preset tbody, table.scrollable.preset thead, table.scrollable.preset tbody {
|
||||
display: -webkit-box;
|
||||
-webkit-box-flex: 0;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
table.horizontal.preset thead, table.scrollable.preset thead {
|
||||
z-index: 999;
|
||||
}
|
||||
table.horizontal.preset tr, table.scrollable.preset tr {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
table.horizontal.preset thead, table.horizontal.preset tbody {
|
||||
-webkit-flex-flow: row nowrap;
|
||||
flex-flow: row nowrap;
|
||||
}
|
||||
table.horizontal.preset thead {
|
||||
z-index: 999;
|
||||
}
|
||||
table.horizontal.preset tbody {
|
||||
overflow: auto;
|
||||
-webkit-box-pack: justify;
|
||||
@@ -1469,12 +1521,9 @@ table th:first-child, table td:first-child {
|
||||
flex: 1 0 0;
|
||||
}
|
||||
table.horizontal.preset tr {
|
||||
display: -webkit-box;
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-flex: 1 0 auto;
|
||||
@@ -1490,9 +1539,52 @@ table th:first-child, table td:first-child {
|
||||
table.horizontal.preset th {
|
||||
text-align: right;
|
||||
}
|
||||
table.horizontal.preset thead tr:first-child {
|
||||
padding-left: 0;
|
||||
}
|
||||
table.horizontal.preset tbody tr:first-child > td {
|
||||
padding-left: 20px;
|
||||
}
|
||||
table.scrollable.preset {
|
||||
overflow: auto;
|
||||
height: 400px;
|
||||
border: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
table.scrollable.preset thead, table.scrollable.preset tbody {
|
||||
-webkit-box-flex: 1;
|
||||
max-width: 100%;
|
||||
-webkit-flex-flow: row wrap;
|
||||
flex-flow: row wrap;
|
||||
-webkit-flex: 0 0 100%;
|
||||
flex: 0 0 100%;
|
||||
border: 1px solid #D8DEE9;
|
||||
}
|
||||
table.scrollable.preset tbody {
|
||||
border-top: 0;
|
||||
margin-top: -0.0625rem;
|
||||
}
|
||||
table.scrollable.preset tr {
|
||||
-webkit-box-flex: 0;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
-webkit-flex-flow: row wrap;
|
||||
flex-flow: row wrap;
|
||||
-webkit-flex: 0 0 100%;
|
||||
flex: 0 0 100%;
|
||||
padding: 0;
|
||||
}
|
||||
table.scrollable.preset th, table.scrollable.preset td {
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1 0 0%;
|
||||
flex: 1 0 0%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
table.scrollable.preset thead {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
table.striped tr:nth-of-type(2n) > td {
|
||||
|
||||
2
dist/mini-nord.min.css
vendored
2
dist/mini-nord.min.css
vendored
File diff suppressed because one or more lines are too long
2
dist/mini-sucroa.css
vendored
2
dist/mini-sucroa.css
vendored
@@ -119,7 +119,7 @@ hr {
|
||||
overflow: visible;
|
||||
line-height: 1.3em;
|
||||
margin: 10px;
|
||||
height: 1px;
|
||||
height: 0.0625rem;
|
||||
background: linear-gradient(to right, #5d545f, #1e1320, #5d545f);
|
||||
}
|
||||
|
||||
|
||||
2
dist/mini-sucroa.min.css
vendored
2
dist/mini-sucroa.min.css
vendored
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user