thm
/
upend
1
0
Fork 0
Code Issues 75 Pull Requests Packages Projects Releases 6 Wiki Activity

Table css improvements

feat/vaults
Tomáš Mládek 2021-12-06 14:35:18 +01:00
parent 939ee92300
commit 42a630023b
1 changed files with 17 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
ui/src/components/widgets/Table.svelte
View File

@ -274,38 +274,33 @@
width: 100%; width: 100%;
table-layout: fixed; table-layout: fixed;
border-spacing: 0; border-spacing: 0.5em 0;
border-collapse: collapse;
tr { tr {
&.left-active { &.left-active {
td:first-child {
background: linear-gradient( background: linear-gradient(
90deg, 90deg,
rgba(255, 166, 0, 1) 0%, rgba(255, 166, 0, 1) 0%,
rgba(0, 0, 0, 0) 50% rgba(0, 0, 0, 0) 66%
); );
} }
}
&.right-active { &.right-active {
td:last-child {
background: linear-gradient( background: linear-gradient(
90deg, 90deg,
rgba(255, 166, 0, 0) 50%, rgba(255, 166, 0, 0) 33%,
rgba(255, 166, 0, 1) 100% rgba(255, 166, 0, 1) 100%
); );
} }
&.left-active.right-active {
background: linear-gradient(
90deg,
rgba(255, 166, 0, 1) 0%,
rgba(255, 166, 0, 0) 25%,
rgba(255, 166, 0, 0) 75%,
rgba(255, 166, 0, 1) 100%
);
} }
td {
border-radius: 4px; border-radius: 4px;
} }
}
th { th {
text-align: left; text-align: left;
@ -313,7 +308,6 @@
td { td {
font-family: var(--monospace-font); font-family: var(--monospace-font);
padding-right: 1em;
line-height: 1em; line-height: 1em;
line-break: anywhere; line-break: anywhere;