kibi/f0ckm
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

attempting to correctly position notification "!" inside big thumb #2

Browse Source
This commit is contained in:
Kibi Kelburton
2026-05-13 14:48:32 +02:00
parent 65c9ed82d3
commit e993a4af9e
1 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
public/s/css/f0ckm.css
View File

@@ -9271,14 +9271,20 @@ div.posts>a.thumb.has-notif:hover::after {
visibility: visible !important; visibility: visible !important;
} }
/* Stretch the <p> to fill the entire thumb so p::after is always centered */
div.posts>a.thumb.has-notif p {
position: absolute !important;
inset: 0 !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
div.posts>a.thumb.has-notif p::after { div.posts>a.thumb.has-notif p::after {
content: "!" !important; content: "!" !important;
position: absolute !important; position: static !important;
bottom: 10px !important;
left: 0 !important;
width: 100% !important;
text-align: center !important;
transform: none !important;
color: var(--accent) !important; color: var(--accent) !important;
font-size: 40px !important; font-size: 40px !important;
font-weight: 900 !important; font-weight: 900 !important;