From 98ac8a963bc196e49b60899080b94bacc29f04e1 Mon Sep 17 00:00:00 2001
From: Leon Sandøy <leon.haland@gmail.com>
Date: Mon, 31 Jan 2022 16:05:13 +0100
Subject: Added margins and max-width to filtering column.

---
 pydis_site/static/css/resources/resources.css | 20 ++++++++++++++------
 pydis_site/templates/resources/resources.html |  4 ++--
 2 files changed, 16 insertions(+), 8 deletions(-)

(limited to 'pydis_site')

diff --git a/pydis_site/static/css/resources/resources.css b/pydis_site/static/css/resources/resources.css
index 2465e9dc..26ddc14e 100644
--- a/pydis_site/static/css/resources/resources.css
+++ b/pydis_site/static/css/resources/resources.css
@@ -163,6 +163,14 @@ span.resource-tag.active {
     outline-style: solid;
 }
 
+/* Disable transitions */
+.no-transition {
+  -webkit-transition: none !important;
+  -moz-transition: none !important;
+  -o-transition: none !important;
+  transition: none !important;
+}
+
 /* Make filter tags sparkle when selected! */
 @keyframes glow_success {
     from { box-shadow: 0 0 2px 2px #aef4af; }
@@ -216,10 +224,10 @@ span.resource-tag.active.has-background-info-light {
     }
 }
 
-/* Disable transitions */
-.no-transition {
-  -webkit-transition: none !important;
-  -moz-transition: none !important;
-  -o-transition: none !important;
-  transition: none !important;
+/* Constrain the width of the filterbox */
+@media screen and (min-width: 769px) {
+    .filtering-column {
+        max-width: 25rem;
+        min-width: 18rem;
+    }
 }
\ No newline at end of file
diff --git a/pydis_site/templates/resources/resources.html b/pydis_site/templates/resources/resources.html
index 2fb0f543..13bba1f2 100644
--- a/pydis_site/templates/resources/resources.html
+++ b/pydis_site/templates/resources/resources.html
@@ -17,9 +17,9 @@
     {% include "base/navbar.html" %}
     <input type="hidden" id="resource-type-input" value="{{ resource_type }}">
     <section class="section">
-        <div class="columns is-centered">
+        <div class="columns is-variable is-6 is-centered">
             {# Filtering toolbox #}
-            <div class="column is-one-third">
+            <div class="column filtering-column is-one-third">
                 <div class="content is-justify-content-center">
                     <nav id="resource-filtering-panel" class="panel is-primary">
                         <p class="panel-heading has-text-centered" id="filter-panel-header">Filter Resources</p>
-- 
cgit v1.2.3