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: extend band via pseudo-elements, fixed center.

Browse Source 
Revert inner padding-block (shifted pivot); ::before/::after extend
symmetrically so tape ends clip at viewport without moving band center.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Anton Afanasyeu
2026-08-05 13:21:52 +02:00
parent b9da01af66
commit e45cb90b89
1 changed files with 23 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
assets/css/app.css
View File

@@ -2515,17 +2515,37 @@ button.report-tag--filter:hover {
}
.platform-for-sale-badge__outer {
display: block;
position: relative;
background: #fff;
border: 2px solid #c00;
padding: 1px;
overflow: visible;
}
/* Extend band both ways from letter block — layout box unchanged, center stays put. */
.platform-for-sale-badge__outer::before,
.platform-for-sale-badge__outer::after {
content: '';
position: absolute;
left: 0;
right: 0;
height: 100vmax;
background: #fff;
border-left: 2px solid #c00;
border-right: 2px solid #c00;
box-shadow: inset 3px 0 0 0 #c00, inset -3px 0 0 0 #c00;
pointer-events: none;
}
.platform-for-sale-badge__outer::before {
bottom: 100%;
}
.platform-for-sale-badge__outer::after {
top: 100%;
}
.platform-for-sale-badge__inner {
display: block;
background: #fff;
border: 2px solid #c00;
padding-inline: 0.45rem;
/* Long band — ends clip at viewport after -135deg rotation. */
padding-block: calc(100vmax + 0.3rem);
padding: 0.3rem 0.45rem;
}
.platform-for-sale-badge__letters {
display: flex;