Layout refresh for plugin settings page (#2490)

Co-authored-by: Richard Schreiber <schreiber@rami.io>
2022-03-21 16:42:03 +01:00
parent 90d9ddebb5
commit e2adf1fdb3
19 changed files with 302 additions and 79 deletions
--- a/src/pretix/static/pretixcontrol/scss/main.scss
+++ b/src/pretix/static/pretixcontrol/scss/main.scss
@@ -675,6 +675,56 @@ h1 .label {
    }
 }

+.plugin-category {
+    clear: both;
+    padding: 15px 15px;
+}
+.plugin-list {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: 15px;
+    .plugin-container {
+        flex-basis: 100%;
+        flex-shrink: 0;
+        border-top: 1px solid #ccc;
+        padding-top: 15px;
+    }
+    h4 {
+        margin-top: 0;
+    }
+    .plugin-picture {
+        width: auto;
+        max-width: 100%;
+        height: 32px;
+        object-fit: contain;
+    }
+    .featured-plugin {
+        flex: 1;
+        min-width: 28em;
+        border-top: none;
+        padding-top: 0;
+
+        .panel {
+            border-left: 5px solid $brand-primary;
+            height: 100%;
+        }
+
+        .panel-body {
+            display: flex;
+            flex-direction: column;
+            height: 100%;
+
+            .plugin-text {
+                flex-grow: 1;
+            }
+            .plugin-picture {
+                height: 64px;
+            }
+        }
+    }
+}
+
 .answer-thumb img {
    width: auto;
    height: auto;