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

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

@@ -468,6 +468,7 @@ a,
} }
// TABLE // TABLE
.table {
.table-container { .table-container {
display: grid; display: grid;
grid-template-rows: repeat(auto-fill, auto); grid-template-rows: repeat(auto-fill, auto);
@@ -475,15 +476,18 @@ a,
border-radius: var(--radius-md); border-radius: var(--radius-md);
overflow: hidden; overflow: hidden;
} }
.table-row { .table-row {
display: grid; display: grid;
grid-template-columns: 1fr 4fr 1.5fr; grid-template-columns: 1fr 4fr 1.5fr;
} }
.table-head { .table-head {
.table-cell { .table-cell {
background-color: var(--color-accent-contrast); background-color: var(--color-accent-contrast);
} }
} }
.table-cell { .table-cell {
padding: 1rem; padding: 1rem;
height: 100%; height: 100%;
@@ -491,11 +495,13 @@ a,
vertical-align: center; vertical-align: center;
display: flex; display: flex;
} }
.table-text { .table-text {
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
display: flex; display: flex;
span { span {
display: inline-block; display: inline-block;
text-overflow: ellipsis; text-overflow: ellipsis;
@@ -503,6 +509,24 @@ a,
} }
} }
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
// TODO: MOST OF THESE SHOULD BE MOVED TO AN OMORPHIA COMPONENT // TODO: MOST OF THESE SHOULD BE MOVED TO AN OMORPHIA COMPONENT
.textarea-wrapper { .textarea-wrapper {