Add css style

fossasia · Dec 23, 2024 · e531f93 · e531f93
1 parent 1e3c1ad
commit e531f93
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 3 deletions.
diff --git a/src/pretix/control/templates/pretixcontrol/event/index.html b/src/pretix/control/templates/pretixcontrol/event/index.html
@@ -108,13 +108,13 @@ <h3 class="panel-title">
             {% include "pretixcontrol/event/fragment_subevent_choice_simple.html" %}
         </form>
     {% endif %}
-    <div class="dashboard">
+    <div class="dashboard custom">
         {% if not request.event.has_subevents or subevent %}
-            <div class="panel panel-default items widget-small widget-container no-padding">
+            <div class="panel panel-default items widget-container widget-small no-padding column"">
                 {% include "pretixcontrol/event/fragment_timeline.html" %}
             </div>
         {% endif %}
-        <div class="panel panel-default items widget-small widget-container no-padding">
+        <div class="panel panel-default items widget-container widget-small no-padding last-column"">
             {% include "pretixcontrol/event/fragment_info_box.html" %}
         </div>
     </div>

diff --git a/src/pretix/static/eventyay-common/scss/custom.scss b/src/pretix/static/eventyay-common/scss/custom.scss
@@ -27,7 +27,41 @@
     }
 }
 
+
+.custom {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+
 .dashboard .widget-container.no-padding {
     padding: 0;
     background: none;
+    border: 1px solid #e5e5e5;
+}
+
+.dashboard .widget-container.widget-small.no-padding.column {
+    padding: 0;
+    background: none;
+    border-color: #e5e5e5;
+    margin-right: 10px;
+}
+
+.dashboard .widget-container.widget-small.no-padding.last-column {
+    padding: 0;
+    background: none;
+    border-color: #e5e5e5;
+    margin-right: 0px;
+}
+
+@media (max-width: $screen-sm-max) {
+    .dashboard .widget-container.widget-small.no-padding.column {
+        width: 100%;
+        margin-right: 0px;
+    }
+}
+
+@media (max-width: $screen-xs-max) {
+    .dashboard .widget-container.widget-small.no-padding.column {
+        margin-right: 0px;
+    }
 }