Remove fomantic table module (#30047)
Big CSS module. I tested basic functionality on admin and commits table. --------- Co-authored-by: Giteabot <teabot@gitea.io>
This commit is contained in:
parent
8717c1c2be
commit
f73d891fc4
5 changed files with 358 additions and 1444 deletions
|
@ -620,86 +620,6 @@ ol.ui.list li,
|
|||
color: var(--color-primary);
|
||||
}
|
||||
|
||||
.ui.attached.table {
|
||||
border-color: var(--color-secondary);
|
||||
}
|
||||
|
||||
.ui.table {
|
||||
color: var(--color-text);
|
||||
background: var(--color-box-body);
|
||||
border-color: var(--color-secondary);
|
||||
text-align: start; /* Override fomantic's `text-align: left` to make RTL work via HTML `dir="auto"` */
|
||||
}
|
||||
|
||||
.ui.table th,
|
||||
.ui.table td {
|
||||
transition: none;
|
||||
}
|
||||
|
||||
.ui.table > tr > td,
|
||||
.ui.table > tbody > tr > td {
|
||||
border-top-color: var(--color-secondary-alpha-50);
|
||||
}
|
||||
|
||||
.ui.striped.table > tr:nth-child(2n),
|
||||
.ui.striped.table > tbody > tr:nth-child(2n),
|
||||
.ui.basic.striped.table > tbody > tr:nth-child(2n) {
|
||||
background: var(--color-light);
|
||||
}
|
||||
|
||||
.ui.ui.ui.ui.table tr.active,
|
||||
.ui.ui.table td.active {
|
||||
color: var(--color-text);
|
||||
background: var(--color-active);
|
||||
}
|
||||
|
||||
.ui.ui.selectable.table > tbody > tr:hover,
|
||||
.ui.table tbody tr td.selectable:hover {
|
||||
color: var(--color-text);
|
||||
background-color: var(--color-secondary-alpha-40);
|
||||
}
|
||||
|
||||
.ui.ui.ui.ui.table tr.grey:not(.marked),
|
||||
.ui.ui.table td.grey:not(.marked) {
|
||||
background: var(--color-body);
|
||||
color: var(--color-text);
|
||||
}
|
||||
|
||||
.ui.table > thead > tr > th {
|
||||
background: var(--color-box-header);
|
||||
border-color: var(--color-secondary);
|
||||
color: var(--color-text);
|
||||
}
|
||||
|
||||
.ui.basic.table > tbody > tr {
|
||||
border-color: var(--color-secondary);
|
||||
}
|
||||
|
||||
.ui.table > tfoot > tr > th,
|
||||
.ui.table > tfoot > tr > td {
|
||||
border-color: var(--color-secondary);
|
||||
background: var(--color-box-body);
|
||||
color: var(--color-text);
|
||||
}
|
||||
|
||||
/* reduce table padding, needed especially for dense admin tables */
|
||||
.ui.table > thead > tr > th,
|
||||
.ui.table > tbody > tr > td,
|
||||
.ui.table > tr > td {
|
||||
padding: 6px 5px;
|
||||
}
|
||||
/* use more horizontal padding on first and last items for visuals */
|
||||
.ui.table > thead > tr > th:first-of-type,
|
||||
.ui.table > tbody > tr > td:first-of-type,
|
||||
.ui.table > tr > td:first-of-type {
|
||||
padding-left: 10px;
|
||||
}
|
||||
.ui.table > thead > tr > th:last-of-type,
|
||||
.ui.table > tbody > tr > td:last-of-type,
|
||||
.ui.table > tr > td:last-of-type {
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
img.ui.avatar,
|
||||
.ui.avatar img,
|
||||
.ui.avatar svg {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue