consul/ui/packages/consul-ui/app/components/table/layout.scss

64 lines
1011 B
SCSS

%table {
width: 100%;
border-collapse: collapse;
}
%table-flex tr {
display: flex;
}
%table-flex tr > * {
flex: 1 1 auto;
display: inline-flex;
align-items: center;
}
%table caption,
%table thead th {
text-align: left;
}
%table-actions {
width: 60px !important;
}
%table th.actions input {
display: none;
}
%table th.actions {
text-align: right;
}
%table td a {
display: block;
}
%table td.no-actions ~ .actions {
display: none;
}
%table td:not(.actions) > *:only-child {
overflow: hidden;
}
%table td:not(.actions) > * {
white-space: nowrap;
}
%table td:not(.actions) > *:only-child {
text-overflow: ellipsis;
}
%table td {
height: 50px;
vertical-align: middle;
}
%table caption {
margin-bottom: 0.8em;
}
%table th {
padding: 0.6em 0;
}
%table th:not(.actions),
%table td:not(.actions),
%table td a {
padding-right: 0.9em;
}
%table tbody td em {
display: block;
font-style: normal;
font-weight: normal;
}
%table tbody td em {
color: rgb(var(--tone-gray-500));
}