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:
parent
91d136f1c3
commit
69535d87ac
4 changed files with 119 additions and 99 deletions
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue