PostERG/xamxam
1
0
Fork 0
mirror of https://codeberg.org/PostERG/xamxam.git synced 2026-08-10 07:11:18 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: website iframe overlay — icon button bottom-right, no blur, tooltip

Browse Source
This commit is contained in:
Pontoporeia
2026-07-10 15:18:42 +02:00
parent 3d5d972ad0
commit 3e3d829d11
3 changed files with 17 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/public/assets/css/tfe.css
+8 -24
View File
@@ -145,44 +145,28 @@
border-radius: var(--radius);
}
.tfe-website-overlay {
.tfe-website-open-btn {
position: absolute;
inset: 0;
z-index: 1;
bottom: var(--space-xs);
right: var(--space-xs);
z-index: 2;
display: grid;
place-items: center;
background: rgb(0 0 0 / 0.12);
backdrop-filter: blur(4px) saturate(0.6);
transition: background 0.2s;
pointer-events: none;
}
.tfe-website-overlay:hover {
background: rgb(0 0 0 / 0.06);
}
.tfe-website-open-btn {
pointer-events: auto;
display: inline-grid;
grid-auto-flow: column;
align-items: center;
gap: var(--space-2xs);
padding: var(--space-xs) var(--space-m);
width: 40px;
height: 40px;
background: var(--accent-primary);
color: #fff;
border: none;
border-radius: var(--radius);
font-size: var(--step-0);
font-weight: 500;
text-decoration: none;
cursor: pointer;
box-shadow: 0 2px 8px rgb(0 0 0 / 0.2);
box-shadow: 0 2px 8px rgb(0 0 0 / 0.25);
transition: transform 0.15s, box-shadow 0.15s;
}
.tfe-website-open-btn:hover {
transform: translateY(-1px);
box-shadow: 0 4px 12px rgb(0 0 0 / 0.25);
box-shadow: 0 4px 12px rgb(0 0 0 / 0.35);
background: var(--accent-primary);
color: #fff;
}