Aroy/Gallery-Archivist
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages 1 Wiki Activity Actions

Add: Site icon overlay on gallery

Browse source
This commit is contained in:
Aroy-Art 2024-04-23 20:48:29 +02:00
parent 883da86b82
commit 44f924a817
Signed by: Aroy
GPG key ID: DB9689E9391DD156
2 changed files with 39 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
archivist/apps/templates/sites/twitter/partials/site-btn-overlay.html Normal file
View file

@ -0,0 +1,11 @@
{% load static %}
<a class="site-btn-overlay" href='{{ category }}'>
{% if category == "twitter" %}
<img src='{% static "/img/site-logos/twitter_logo.png" %}' alt="{{ category }}"/>
{% else %}
<small>{{ category|capfirst }}</small>
{% endif %}
</a>

28
archivist/static/css/main.css
View file

@ -242,6 +242,34 @@
text-decoration: underline; text-decoration: underline;
} }
/*=================================================================
Site icon overlay on gallery
=================================================================*/
.site-btn-overlay {
position: absolute;
z-index: 2;
right: 0;
top: 0;
font-size: 13px;
font-weight: 700;
line-height: 14px;
letter-spacing: .5px;
width: 30px;
color: #232326;
background-color: #414141;
border: 1.25px solid #232326;
border-radius: 0 1vmin 0 1vmin;
white-space: nowrap;
padding: 4px 4px 5px;
margin: 0 0 0 1px;
cursor: pointer;
opacity: .8;
}
.site-btn-overlay img {
height: 16px;
}
/*================================================================= /*=================================================================