Karavel/fixin.me
0
0
Fork 0
forked from fixin.me/fixin.me
Code Pull Requests Activity

Fixed display of table links and buttons

Browse Source
This commit is contained in:
cryptogopher 2023-12-05 16:16:14 +01:00
parent d98057caad
commit 3127c72288
1 changed files with 22 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
app/assets/stylesheets/application.css
View File

@ -309,22 +309,42 @@ table.items th {
}
table.items th,
table.items td {
padding-inline-start: 0.8rem;
padding-inline: 1em 0;
}
table.items th:last-child {
padding-inline-end: 0.4em;
}
table.items td:last-child {
padding-inline-end: 0.1em;
}
table.items td {
border-top: solid 1px #dddddd;
padding-block: 0.1em;
}
/* TODO: change selector to td:has(a) when :has() available on FF.
* That will fix lack of padding for form elements in first column. */
table.items td:first-child {
text-align: left;
padding: 0;
}
/* FIXME: size <a> to fill <td> keeping vertical alignment */
/* td:absolute > a:relative(0,0,0,0) > div:flex > span */
table.items a {
color: inherit;
display: block;
font: inherit;
line-height: 2.4;
padding-inline-start: 1em;
text-align: left;
}
table.items a.subunit {
padding-inline-start: 1.6em;
}
table.items td.actions {
display: flex;
gap: 0.4em;
justify-content: end;
}
table.items a:hover,
table.items a:focus-visible,
table.items a:hover:focus-visible {
@ -353,9 +373,6 @@ table.items svg {
table.items td.number {
text-align: right;
}
table.items td.actions {
text-align: right;
}
table.items .button,
table.items button,
table.items input[type=submit] {