discourse/app/assets/stylesheets/common/admin/admin_table.scss
2024-10-22 15:50:07 -06:00

104 lines
1.7 KiB
SCSS

.d-admin-table {
@include breakpoint("tablet") {
border-collapse: collapse;
margin-bottom: var(--space-3);
}
thead {
@include breakpoint("tablet") {
display: none;
}
}
th {
color: var(--primary-high);
}
.d-admin-row__content {
position: relative;
padding: var(--space-1) 0;
@include breakpoint("tablet") {
display: block;
margin-bottom: var(--space-3);
box-shadow: var(--shadow-card);
}
}
td {
@include breakpoint("tablet") {
display: block;
border-top: 1px solid var(--primary-very-low);
}
&:first-child,
&:last-child {
@include breakpoint("tablet") {
border-top: 0;
}
}
}
}
.d-admin-row__overview {
&-name {
font-weight: 700;
max-width: 80%;
}
&-author {
font-size: var(--font-down-2);
padding: 0 0 var(--space-1) 0;
}
&-about {
.d-icon {
font-size: var(--font-down-3);
margin-bottom: 0.1em;
}
}
}
td.d-admin-row__detail {
@include breakpoint("tablet") {
display: flex;
justify-content: space-between;
border-top: 1px solid var(--primary-low);
}
}
.d-admin-row__toggle {
.d-toggle-switch {
display: inline-block;
}
}
.d-admin-row__control {
&-options {
text-align: right;
display: flex;
flex-direction: row;
gap: 0.5em;
justify-content: flex-end;
.fk-d-menu__trigger {
font-size: var(--font-down-1);
}
}
@include breakpoint("tablet") {
position: absolute;
top: 0;
right: 0;
}
}
.d-admin-row__mobile-label {
display: none;
@include breakpoint("tablet") {
display: inline-flex;
color: var(--primary-high);
}
}