flashii/misuzu
flashii/misuzu
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Updated lock notif styling.

Browse source
This commit is contained in:
flash 2018-10-15 22:45:06 +02:00
parent 9c5e5192fa
commit f329964792
2 changed files with 14 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
assets/less/classes/forum/status.less
View file

@ -4,24 +4,21 @@
align-items: center;
min-height: 40px;
margin-bottom: 2px;
box-shadow: 0 1px 2px var(--accent-colour);
&__icon {
height: 40px;
width: 40px;
background-size: 35px;
background-image: url('https://static.flash.moe/images/topic-icons/topic-locked-read.png');
background-position: center;
background-repeat: no-repeat;
background-color: var(--accent-colour);
flex-grow: 0;
flex-shrink: 0;
background-image: linear-gradient(90deg, var(--accent-colour), transparent);
flex: 0 0 auto;
display: flex;
justify-content: center;
align-items: center;
font-size: 2em;
}
&__text {
margin: 0 10px;
flex-grow: 1;
flex-shrink: 1;
margin: 0 5px;
flex: 1 1 auto;
}
&__emphasis {

10
templates/forum/macros.twig
View file

@ -137,14 +137,16 @@
{% macro forum_topic_locked(locked, archived) %}
{% if locked is not null or archived %}
<div class="forum__status">
<div class="forum__status__icon"></div>
<div class="container container--new forum__status">
<div class="forum__status__icon">
<i class="fas fa-{{ archived ? 'archive' : 'lock' }}"></i>
</div>
<div class="forum__status__text">
{% if archived %}
This topic has been <span class="forum__status__emphasis">archived</span>.
{% else %}
This topic was locked <time
class="forum__status__emphasis"
This topic was locked
<time class="forum__status__emphasis"
datetime="{{ locked|date('c') }}"
title="{{ locked|date('r') }}">{{ locked|time_diff }}</time>.
{% endif %}