entrouvert
/
gadjo
15
0
Fork 0
Code Issues Pull Requests 3 Releases Activity

css: introduce pk-compact-table (#77949)
gitea/gadjo/pipeline/head This commit looks good Details

This commit is contained in:
Frédéric Péters 2023-05-26 11:16:30 +02:00
parent e12ea98ed7
commit 11b04dc58a
1 changed files with 43 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

75
gadjo/static/css/gadjo.scss
View File

@ -514,46 +514,57 @@ div#content {
top: 4px;
}
table.main {
%main-table {
width: 100%;
background: white;
border: 1px solid #f3f3f3;
border-collapse: collapse;
th {
font-weight: 600;
padding: 1em 1ex;
border-bottom: 1px solid #f3f3f3;
background: #f7f7f7;
text-align: left;
}
td {
text-align: left;
padding: 1em 1ex;
border-bottom: 1px solid #f3f3f3;
transition: background ease 0.2s;
}
tr td.checkbox {
width: 1em;
}
tr:nth-child(even) td {
background: #fdfdfd;
}
tr:hover td {
background: #dde;
}
&.clickable-rows {
cursor: pointer;
}
tr.active td {
background: #bbf;
}
}
table.main th {
font-weight: 600;
padding: 1em 1ex;
border-bottom: 1px solid #f3f3f3;
background: #f7f7f7;
text-align: left;
table.main {
@extend %main-table;
}
table.main td {
text-align: left;
padding: 1em 1ex;
border-bottom: 1px solid #f3f3f3;
transition: background ease 0.2s;
}
table.main tr td.checkbox {
width: 1em;
}
table.main tr:nth-child(even) td {
background: #fdfdfd;
}
table.main tr:hover td {
background: #dde;
}
table.main.clickable-rows {
cursor: pointer;
}
table.main tr.active td {
background: #bbf;
table.pk-compact-table {
@extend %main-table;
td {
padding: 0.25em 1ex;
}
}
td.price {