ac/ac-platform-web
1
0
Fork 0
mirror of git://f0xx.org/ac/ac-platform-web synced 2026-08-09 20:59:36 +03:00
Code Issues Packages Projects Releases Wiki Activity

FOR SALE ribbon: single continuous strip behind letters.

Browse Source 
Remove outer center borders; one ::before band spans letter area
and extensions so text sits on ribbon, not a separate box.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Anton Afanasyeu
2026-08-05 15:27:19 +02:00
parent 517cf345bd
commit ca65b91df9
1 changed files with 13 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
assets/css/app.css
View File

@@ -2517,36 +2517,35 @@ button.report-tag--filter:hover {
display: block; display: block;
position: relative; position: relative;
background: transparent; background: transparent;
border-top: none; border: none;
border-bottom: none; box-shadow: none;
border-left: 2px solid #c00; padding: 0;
border-right: 2px solid #c00;
box-shadow: inset 3px 0 0 0 #c00, inset -3px 0 0 0 #c00;
padding: 1px;
overflow: visible; overflow: visible;
} }
/* Extend band both ways from letter block — layout box unchanged, center stays put. */ /* One continuous strip (incl. letter area) — no separate bordered center box. */
.platform-for-sale-badge__outer::before, .platform-for-sale-badge__outer::before {
.platform-for-sale-badge__outer::after {
content: ''; content: '';
position: absolute; position: absolute;
left: 0; left: 0;
right: 0; right: 0;
height: 100vmax; top: 50%;
height: 200vmax;
transform: translateY(-50%);
background: #fff; background: #fff;
border-left: 2px solid #c00; border-left: 2px solid #c00;
border-right: 2px solid #c00; border-right: 2px solid #c00;
box-shadow: inset 3px 0 0 0 #c00, inset -3px 0 0 0 #c00; box-shadow: inset 3px 0 0 0 #c00, inset -3px 0 0 0 #c00;
pointer-events: none; pointer-events: none;
} z-index: 0;
.platform-for-sale-badge__outer::before {
bottom: 100%;
} }
.platform-for-sale-badge__outer::after { .platform-for-sale-badge__outer::after {
top: 100%; content: none;
display: none;
} }
.platform-for-sale-badge__inner { .platform-for-sale-badge__inner {
display: block; display: block;
position: relative;
z-index: 1;
background: transparent; background: transparent;
border: none; border: none;
/* padding-inline = strip height when band runs horizontally (2×). */ /* padding-inline = strip height when band runs horizontally (2×). */