138 lines
2.3 KiB
SCSS
138 lines
2.3 KiB
SCSS
.table {
|
|
@include themify($themes) {
|
|
color: themed("textColor");
|
|
}
|
|
|
|
td {
|
|
vertical-align: middle;
|
|
@include themify($themes) {
|
|
color: themed("textColor");
|
|
}
|
|
|
|
& > a {
|
|
&:not(.badge) {
|
|
@include themify($themes) {
|
|
color: themed("tableLinkColor");
|
|
}
|
|
&:hover {
|
|
@include themify($themes) {
|
|
color: themed("tableLinkColorHover");
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
&.reduced-lh {
|
|
line-height: 1;
|
|
|
|
small {
|
|
font-size: 80%;
|
|
}
|
|
}
|
|
|
|
small,
|
|
> .bwi,
|
|
.icon {
|
|
@include themify($themes) {
|
|
color: themed("textMuted");
|
|
}
|
|
}
|
|
|
|
.bwi-globe {
|
|
@include themify($themes) {
|
|
color: themed("iconColor");
|
|
}
|
|
}
|
|
}
|
|
|
|
td.wrap {
|
|
word-break: break-all;
|
|
}
|
|
|
|
td.table-list-options {
|
|
height: 50px;
|
|
max-width: 76px;
|
|
text-align: right;
|
|
width: 76px;
|
|
|
|
&.wider {
|
|
max-width: 100px;
|
|
width: 100px;
|
|
}
|
|
|
|
.btn {
|
|
line-height: 1;
|
|
transition: initial;
|
|
}
|
|
|
|
.dropdown-menu {
|
|
line-height: $line-height-base;
|
|
}
|
|
}
|
|
|
|
td.table-action-right {
|
|
text-align: right;
|
|
}
|
|
|
|
// Deprecated: only used for old Bootstrap table-list-option menus before the End User Vault Refresh.
|
|
// New menus should be permanently visible.
|
|
tr:not(:hover) td.table-list-options {
|
|
> .dropdown:not(.show) button:not(:focus):not(:active),
|
|
> button.dropdown-toggle:not(:focus):not(:active) {
|
|
@extend .sr-only;
|
|
}
|
|
}
|
|
|
|
td.table-list-icon {
|
|
max-width: 45px;
|
|
text-align: center;
|
|
width: 45px;
|
|
|
|
img {
|
|
@extend .rounded;
|
|
@extend .img-fluid;
|
|
max-height: 24px;
|
|
}
|
|
}
|
|
|
|
td.table-list-checkbox {
|
|
max-width: 35px;
|
|
width: 35px;
|
|
}
|
|
|
|
td.table-list-strike {
|
|
text-decoration: line-through;
|
|
@include themify($themes) {
|
|
color: themed("textMuted");
|
|
}
|
|
}
|
|
|
|
&.table-list {
|
|
&.table td,
|
|
.table th {
|
|
&:not(tr:first-child td) {
|
|
@include themify($themes) {
|
|
border-top: 1px solid themed("tableSeparator");
|
|
}
|
|
}
|
|
}
|
|
|
|
thead th {
|
|
border-top: none;
|
|
}
|
|
|
|
tr:first-child {
|
|
td {
|
|
border: none;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.table-hover tbody tr:hover {
|
|
@include themify($themes) {
|
|
background-color: themed("tableRowHover");
|
|
color: themed("tableColorHover");
|
|
}
|
|
}
|