scinote-web/app/assets/stylesheets/shared/datatable.scss

91 lines
1.5 KiB
SCSS
Raw Normal View History

2020-04-08 03:02:16 +08:00
// scss-lint:disable SelectorDepth SelectorFormat
// scss-lint:disable NestingDepth QualifyingElement
.dataTables_wrapper {
.main-actions {
2020-06-15 19:49:44 +08:00
align-items: center;
display: flex;
flex-wrap: wrap;
2020-06-01 16:24:03 +08:00
padding: 1em 0;
.toolbar {
flex-grow: 1;
}
}
2020-06-01 16:24:03 +08:00
.dataTables_scrollHead {
.dataTable {
margin-top: 0 !important;
}
}
2020-04-08 03:02:16 +08:00
.pagination-row {
align-items: center;
display: flex;
flex-wrap: wrap;
min-height: 68px;
2020-04-08 03:02:16 +08:00
width: 100%;
.pagination-info,
.pagination-actions {
flex-grow: 1;
}
.pagination-info {
align-items: center;
display: flex;
flex-wrap: wrap;
2020-04-08 03:02:16 +08:00
.dataTables_info {
padding-top: 0;
}
@media (max-width: 1000px) {
.dataTables_info {
display: none;
}
}
2020-04-08 03:02:16 +08:00
.dataTables_length {
margin-right: 24px;
width: 170px;
.dropdown-selector-container {
width: inherit;
}
label {
margin-bottom: 0;
}
}
}
@media (max-width: 767px) {
.pagination-info {
display: none;
}
}
2020-04-08 03:02:16 +08:00
}
tr[data-state]:not([data-state='']) {
td.item-name::after {
@include font-small;
background-color: $color-concrete;
color: $color-silver-chalice;
2020-06-12 20:14:00 +08:00
content: attr(data-state);
margin-left: 20px;
padding: .3em;
white-space: nowrap;
}
}
tr[data-shared=true] {
td.item-name::before {
@include font-awesome;
content: "\f0c0";
margin-right: .5em;
}
}
2020-04-08 03:02:16 +08:00
}