diff options
| author |  Leon Sandøy <[email protected]> | 2022-01-31 12:07:04 +0100 |
|---|---|---|
| committer | Leon Sandøy <[email protected]> | 2022-01-31 12:07:04 +0100 |
| commit | 46702b73cc8a54409da633e4492846f72bb5a338 (patch) | |
| tree | 171fcfbf4673dbb9fdf4b16c4275a2840e1727f6 | |
| parent | Make a few minor corrections to resources. (diff) | |
Make the resource link icons a size smaller.
We also add a little breathing room to the tag container, so that it
doesn't encroach on the personal space of the icons.
| -rw-r--r-- | pydis_site/static/css/resources/resources.css | 5 | ||||
| -rw-r--r-- | pydis_site/templates/resources/resource_box.html | 10 |
2 files changed, 10 insertions, 5 deletions
diff --git a/pydis_site/static/css/resources/resources.css b/pydis_site/static/css/resources/resources.css index 55284605..3b235a05 100644 --- a/pydis_site/static/css/resources/resources.css +++ b/pydis_site/static/css/resources/resources.css @@ -111,6 +111,11 @@ span.filter-box-tag[style*='display: block'] { user-select: none; } +/* Give the resource tags a bit of breathing room */ +.resource-tag-container { + padding-left: 1.5rem; +} + /* When hovering tags, brighten them a bit. */ .resource-tag:hover, .filter-box-tag:hover { diff --git a/pydis_site/templates/resources/resource_box.html b/pydis_site/templates/resources/resource_box.html index 8f634333..0ba8b0ec 100644 --- a/pydis_site/templates/resources/resource_box.html +++ b/pydis_site/templates/resources/resource_box.html @@ -16,24 +16,24 @@ <div class="is-flex is-align-items-center"> {# Add primary link #} {% if 'title_url' in resource %} - <span class="icon is-size-4 is-medium" style="margin: 5px;"> + <span class="icon is-size-4" style="margin: 5px;"> <a href="{{ resource.title_url }}"> - <i class="fas fa-external-link-alt fa-fw is-size-3 resource-icon is-hoverable is-primary"></i> + <i class="fas fa-external-link-alt fa-fw is-size-4 resource-icon is-hoverable is-primary"></i> </a> </span> {% endif %} {# Add all additional icon #} {% for icon in resource.urls %} - <span class="icon is-size-4 is-medium" style="margin: 5px;"> + <span class="icon is-size-4" style="margin: 5px;"> <a href="{{ icon.url }}"> - <i class="{{ icon.icon|as_icon }} fa-fw is-size-3 resource-icon is-hoverable is-{{ icon.color }}"></i> + <i class="{{ icon.icon|as_icon }} fa-fw is-size-4 resource-icon is-hoverable is-{{ icon.color }}"></i> </a> </span> {% endfor %} {# Tags #} - <div class="is-flex ml-auto is-flex-wrap-wrap is-justify-content-end"> + <div class="resource-tag-container is-flex ml-auto is-flex-wrap-wrap is-justify-content-end"> {% for tag in resource.tags.topics %} <span class="tag resource-tag is-primary is-light ml-2 mt-2" |