UX: Set penalty history to sticky (#19933)
This commit is contained in:
parent
d0c820e816
commit
b26e0dcf35
|
@ -57,7 +57,6 @@
|
||||||
/>
|
/>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
|
|
||||||
<div class="penalty-history">{{html-safe this.penaltyHistory}}</div>
|
|
||||||
{{else}}
|
{{else}}
|
||||||
{{#if (eq this.penaltyType "suspend")}}
|
{{#if (eq this.penaltyType "suspend")}}
|
||||||
<div class="cant-suspend">{{i18n "admin.user.cant_suspend"}}</div>
|
<div class="cant-suspend">{{i18n "admin.user.cant_suspend"}}</div>
|
||||||
|
@ -65,6 +64,7 @@
|
||||||
<div class="cant-silence">{{i18n "admin.user.cant_silence"}}</div>
|
<div class="cant-silence">{{i18n "admin.user.cant_silence"}}</div>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
{{/if}}
|
{{/if}}
|
||||||
|
<div class="penalty-history">{{html-safe this.penaltyHistory}}</div>
|
||||||
</ConditionalLoadingSpinner>
|
</ConditionalLoadingSpinner>
|
||||||
</DModalBody>
|
</DModalBody>
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,8 @@
|
||||||
.silence-user-modal,
|
.silence-user-modal,
|
||||||
.suspend-user-modal {
|
.suspend-user-modal {
|
||||||
|
.modal-body {
|
||||||
|
padding-bottom: 0em;
|
||||||
|
}
|
||||||
.penalty-duration,
|
.penalty-duration,
|
||||||
.penalty-suspend-forever,
|
.penalty-suspend-forever,
|
||||||
.suspend-reason-title,
|
.suspend-reason-title,
|
||||||
|
@ -87,4 +90,24 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.penalty-history {
|
||||||
|
position: sticky;
|
||||||
|
bottom: 0;
|
||||||
|
background-color: var(--secondary);
|
||||||
|
padding: 0.5em 0 1em 0;
|
||||||
|
}
|
||||||
|
.penalty-history::before {
|
||||||
|
position: absolute;
|
||||||
|
content: "";
|
||||||
|
display: block;
|
||||||
|
height: 1.5em;
|
||||||
|
top: -1.5em;
|
||||||
|
width: 100%;
|
||||||
|
pointer-events: none;
|
||||||
|
background: linear-gradient(
|
||||||
|
to bottom,
|
||||||
|
rgba(var(--secondary-rgb), 0),
|
||||||
|
rgba(var(--secondary-rgb), 1)
|
||||||
|
);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue