@use '_mixins' as *;
/* stylelint-disable */
-@use 'primeng/resources/primeng';
+@import '~primeng/resources/primeng.css';
// Override primeng style we don't want
input[type=button] {
border: 1px solid #a80000;
}
-//
+// data table customizations
@mixin glyphicon-light {
font-family: 'Glyphicons Halflings';
font-display: swap;
}
-// data table customizations
p-table {
.p-datatable-header {
border: none !important;
}
}
}
+
+ .badge {
+ @include peertube-badge;
+ }
}
// overflow data table
max-width: 100%;
table {
- min-width: breakpoint(lg);
+ width: 100%;
}
}
font-weight: 600;
}
}
+
+@media screen and (max-width: $primeng-breakpoint) {
+ p-table {
+ td {
+ padding: 3px 0;
+
+ &.expand-cell {
+ padding: 5px;
+ }
+ }
+
+ .p-datatable-tbody {
+
+ td:last-child {
+ padding-bottom: 15px;
+ margin-bottom: 15px;
+ border-bottom: 1px solid $separator-border-color !important;
+ }
+ }
+ }
+}
+
+@media screen and (max-width: $mobile-view) {
+ p-table {
+ .p-datatable-header {
+ .caption {
+ flex-wrap: wrap;
+
+ > div {
+ width: 100%;
+ padding: 0 !important;
+ margin-bottom: 5px;
+ }
+ }
+ }
+ }
+}