eightequal/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
.table-container { .table {
display: grid; .table-container {
grid-template-rows: repeat(auto-fill, auto); display: grid;
width: 100%; grid-template-rows: repeat(auto-fill, auto);
border-radius: var(--radius-md); width: 100%;
overflow: hidden; border-radius: var(--radius-md);
}
.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; 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 // CUSTOM COMPONENTS