tomasalias/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Adds parent table class. Adds button-span fix.

Browse Source
This commit is contained in:
Zachary Baird
2023-04-19 15:01:51 -04:00
parent fe738da633
commit 970c906c97
1 changed files with 55 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
lib/assets/styles/classes.scss
View File

@@ -468,39 +468,63 @@ a,
}
// TABLE
.table-container {
display: grid;
grid-template-rows: repeat(auto-fill, auto);
width: 100%;
border-radius: var(--radius-md);
overflow: hidden;
}
.table-row {
display: grid;
grid-template-columns: 1fr 4fr 1.5fr;
}
.table-head {
.table-cell {
background-color: var(--color-accent-contrast);
}
}
.table-cell {
padding: 1rem;
height: 100%;
align-items: center;
vertical-align: center;
display: flex;
}
.table-text {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: flex;
span {
display: inline-block;
text-overflow: ellipsis;
.table {
.table-container {
display: grid;
grid-template-rows: repeat(auto-fill, auto);
width: 100%;
border-radius: var(--radius-md);
overflow: hidden;
}
.table-row {
display: grid;
grid-template-columns: 1fr 4fr 1.5fr;
}
.table-head {
.table-cell {
background-color: var(--color-accent-contrast);
}
}
.table-cell {
padding: 1rem;
height: 100%;
align-items: center;
vertical-align: center;
display: flex;
}
.table-text {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: flex;
span {
display: inline-block;
text-overflow: ellipsis;
overflow: hidden;
}
}
button {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
span {
display: inherit;
align-items: center;
justify-content: center;
}
}
}
.table-row:nth-child(even) .table-cell {
background-color: var(--color-bg);
}
// CUSTOM COMPONENTS