mirror of
https://github.com/cpvalente/ontime.git
synced 2026-08-19 22:24:11 +00:00
refactor: tweak styling
This commit is contained in:
committed by
Carlos Valente
parent
1bdea8e436
commit
3d37f42fe0
@@ -33,6 +33,10 @@ $table-header-font-size: calc(1rem - 2px);
|
||||
.tableHeader,
|
||||
.eventRow {
|
||||
.indexColumn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: end;
|
||||
|
||||
min-width: 3em; // allow for 3-digit numbers
|
||||
text-align: right;
|
||||
font-weight: 400;
|
||||
@@ -40,10 +44,11 @@ $table-header-font-size: calc(1rem - 2px);
|
||||
position: sticky;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
background-color: $gray-1300;
|
||||
background-color: $gray-1300; // will be overridden inline
|
||||
}
|
||||
|
||||
.actionColumn {
|
||||
width: 2rem;
|
||||
width: calc(1.5rem + 0.5rem); // sm button size (--chakra-sizes-6) + 2 * padding
|
||||
}
|
||||
}
|
||||
|
||||
@@ -53,7 +58,8 @@ $table-header-font-size: calc(1rem - 2px);
|
||||
z-index: 10;
|
||||
background-color: $ui-black;
|
||||
font-size: $table-header-font-size;
|
||||
color: $label-gray;}
|
||||
color: $label-gray;
|
||||
}
|
||||
|
||||
th {
|
||||
background-color: $gray-1300;
|
||||
|
||||
Reference in New Issue
Block a user