Files
Grav-Admin-Plugin/themes/grav/scss/template/_tables.scss

120 lines
2.0 KiB
SCSS

table,
tbody,
thead {
display: inline-block;
width: 100%;
}
.gpm-details {
width: 100%;
@include flex(auto);
}
td {
border: 0;
}
tr {
@include transition(all 0.2s ease);
@include display(flex);
@include flex-wrap(wrap);
th {
display: block;
@include flex(1);
font-weight: bold;
&:first-child {
padding-left: $padding-default;
}
&:last-child {
padding-right: $padding-default;
}
}
td {
display: block;
@include flex(1);
&.double {
@include flex(2);
}
&:first-child {
padding-left: $padding-default;
@include breakpoint(mobile-only) {
padding-left: .5rem;
.plugin-update-button {
float: left;
}
}
}
&:last-child, &.gpm-actions {
padding-right: $padding-default;
}
&.gpm-actions {
line-height: 1;
text-align: right;
position: relative;
.gpm-details-expand {
position: absolute;
top: 12px;
right: 12px;
}
}
&.gpm-details {
margin: 0;
padding: 0;
@include breakpoint(mobile-only){
word-wrap: break-word;
}
> .table-wrapper {
display: none;
td {
border-bottom: 0;
}
}
tbody {
width: 100%;
}
}
}
&:last-child {
td {
border-bottom: 0;
}
}
}
//Fixes for Kendo calendar on Firefox
.k-calendar-container {
table,
tbody,
thead {
width: 100%;
}
thead {
th:first-child {
padding-left: 0;
}
th:last-child {
padding-right: 0.5rem;
}
}
}