feat: Change table styles

- Add styles from module to tables file
- Remove tables module
- Assign styles as depended classes instead of repeating element names
- Add draggable style for table
This commit is contained in:
sthag 2026-02-21 14:08:30 +01:00
parent 91d136f1c3
commit 69535d87ac
4 changed files with 119 additions and 99 deletions

View file

@ -1,77 +0,0 @@
@use "../../global/config";
@use "../../global/typography";
@use "../../functions/color" as *;
.table_link {
width: 100%;
border: 0;
table-layout: auto;
tbody {
border-bottom: config.$border_basic;
&:hover {
background-color: config.$color_bright;
}
}
th,
td {
border: 0;
}
.cell_icon {
width: 48px;
text-align: center;
img {
vertical-align: text-top;
}
}
.cell_link {
padding-right: config.$space_basic;
padding-left: config.$space_basic;
&:hover {
background-color: basic_color(foxtrot);
a:first-child {
display: none;
}
a:last-child {
display: block;
color: config.$color_highlight_basic;
}
}
a {
display: block;
}
a:last-child {
display: none;
}
}
th:last-child,
.cell_date {
width: 16%;
text-align: center;
}
.cell_text {
padding-right: config.$space_basic;
padding-left: config.$space_basic;
div {
width: 100%;
}
.shorten {
@extend %short;
max-height: 44px;
}
}
}