init

2022-09-30 20:02:02 +01:00
commit 66dafc36c3
2561 changed files with 454489 additions and 0 deletions
--- a/user/plugins/admin/themes/grav/scss/template/_tables.scss
+++ b/user/plugins/admin/themes/grav/scss/template/_tables.scss
@@ -0,0 +1,190 @@
+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);
+    @include align-items(center);
+
+    th, td {
+        display: block;
+        @include flex(1);
+
+        &.shrink {
+            @include flex(0);
+        }
+
+        &.double {
+            @include flex(2);
+        }
+
+        &.triple {
+            @include flex(3);
+        }
+
+        &.quadruple {
+            @include flex(4);
+        }
+
+        &.quintuple {
+            @include flex(5);
+        }
+
+        &.sextuple {
+            @include flex(6);
+        }
+
+        &.septuple {
+            @include flex(7);
+        }
+
+        &.octuple {
+            @include flex(8);
+        }
+
+        &.nontuple {
+            @include flex(9);
+        }
+
+        &.dectuple {
+            @include flex(10);
+        }
+
+        &:first-child {
+            padding-left: $padding-default;
+
+            @include breakpoint(mobile-only) {
+                padding-left: 1rem;
+            }
+        }
+
+        &:last-child {
+            padding-right: $padding-default;
+
+            @include breakpoint(mobile-only) {
+                padding-right: 1rem;
+            }
+        }
+
+        &.left {
+            text-align: left;
+        }
+
+        &.center {
+            text-align: center;
+        }
+
+        &.right {
+            text-align: right;
+        }
+
+        &.right.pad {
+            padding-right: $padding-default;
+            .form-data {
+                padding-right: 0;
+            }
+        }
+
+        &.left.pad {
+            padding-left: $padding-default;
+        }
+
+        &.ellipsis {
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            &.rtl {
+                text-align: left;
+            }
+        }
+
+        &.rtl {
+            direction: rtl;
+        }
+    }
+
+    th {
+        font-weight: bold;
+    }
+
+    td {
+
+        &.gpm-actions {
+            line-height: 1;
+            text-align: right;
+            position: relative;
+            padding-right: $padding-default + 1rem;
+            min-height: 38px;
+
+            .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;
+        }
+    }
+}
+
+table.noflex {
+    display: table;
+    table-layout: auto;
+
+    thead {
+        display: table-header-group;
+    }
+
+    tbody {
+        display: table-row-group;
+    }
+
+    tr {
+        display: table-row;
+
+        td, th {
+            flex: none;
+            display: table-cell;
+        }
+    }
+}