radiocampus: style update

2024-05-31 14:40:31 +02:00
parent a323901d0e
commit f29cced5f5
66 changed files with 10589 additions and 10 deletions
--- a/radiocampus/assets/src/styles/admin.scss
+++ b/radiocampus/assets/src/styles/admin.scss
@ -0,0 +1,101 @@
+@use "./vars";
+@use "./components";
+
+@import "bulma/sass/utilities/_all.sass";
+@import "bulma/sass/elements/button";
+@import "bulma/sass/components/navbar";
+
+
+// enforce button usage inside custom application
+#player, .ax {
+    @include components.button;
+}
+
+
+.admin {
+    .navbar.has-shadow, .navbar.is-fixed-bottom.has-shadow {
+        box-shadow: 0em 0em 1em rgba(0,0,0,0.1);
+    }
+
+    a.navbar-item.is-active {
+        border-bottom: 1px grey solid;
+    }
+
+    .navbar {
+        & + .container {
+            margin-top: 1em;
+        }
+
+        .navbar-dropdown {
+            z-index: 2000;
+        }
+
+        .navbar-split {
+            margin: 0.2em 0em;
+            margin-right: 1em;
+            padding-right: 1em;
+            border-right: 1px vars.$grey-light solid;
+            display: inline-block;
+        }
+
+        form {
+            margin: 0em;
+            padding: 0em;
+        }
+
+        &.toolbar {
+            margin: 1em 0em;
+            background-color: transparent;
+            margin-bottom: 1em;
+
+            .title {
+                padding-right: 2em;
+                margin-right: 1em;
+                border-right: 1px vars.$grey-light solid;
+
+                font-size: vars.$text-size;
+                font-weight: vars.$weight-light;
+            }
+        }
+
+        .navbar-dropdown {
+            max-height: 40rem;
+            overflow-y: auto;
+
+            input {
+                z-index: 10000;
+                position: sticky;
+                top: 0;
+            }
+        }
+
+    }
+
+    .navbar .navbar-brand {
+        padding-right: 1em;
+    }
+
+    .navbar .navbar-brand img {
+        margin: 0em 0.4em;
+        margin-top: 0.3em;
+        max-height: 3em;
+    }
+
+    .breadcrumbs {
+        margin-bottom: 1em;
+    }
+
+    .results > #result_list {
+        width: 100%;
+        margin: 1em 0em;
+    }
+
+
+    ul.menu-list li {
+        list-style-type: none;
+    }
+
+    .submit-row a.deletelink {
+        height: 35px;
+    }
+}