diff options
| author |  Leon Sandøy <[email protected]> | 2022-01-31 16:05:13 +0100 |
|---|---|---|
| committer | Leon Sandøy <[email protected]> | 2022-01-31 16:05:13 +0100 |
| commit | 98ac8a963bc196e49b60899080b94bacc29f04e1 (patch) | |
| tree | 73d0b2c62f14fc5039b3f7411ed49f0b619feced /pydis_site | |
| parent | Indent checkboxes under the headers. (diff) | |
Added margins and max-width to filtering column.
Diffstat (limited to 'pydis_site')
| -rw-r--r-- | pydis_site/static/css/resources/resources.css | 20 | ||||
| -rw-r--r-- | pydis_site/templates/resources/resources.html | 4 |
2 files changed, 16 insertions, 8 deletions
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> |