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: double strip height, keep border width.

Browse Source 
Revert 2x borders; widen white band via padding-inline only.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Anton Afanasyeu
2026-08-05 13:49:56 +02:00
parent 77cd6cd84d
commit 029ee1c9cb
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
assets/css/app.css
View File

@@ -2505,7 +2505,7 @@ button.report-tag--filter:hover {
text-decoration: none; text-decoration: none;
font-size: 0.7rem; font-size: 0.7rem;
/* Half ribbon length (stack height) left before rotation. */ /* Half ribbon length (stack height) left before rotation. */
transform: translateX(calc(-0.5 * (8 * 1.05em + 1.72em))) rotate(-135deg); transform: translateX(calc(-0.5 * (8 * 1.05em + 0.86em))) rotate(-135deg);
transform-origin: center center; transform-origin: center center;
line-height: 0; line-height: 0;
} }
@@ -2519,10 +2519,10 @@ button.report-tag--filter:hover {
background: #fff; background: #fff;
border-top: none; border-top: none;
border-bottom: none; border-bottom: none;
border-left: 4px solid #c00; border-left: 2px solid #c00;
border-right: 4px solid #c00; border-right: 2px solid #c00;
box-shadow: inset 6px 0 0 0 #c00, inset -6px 0 0 0 #c00; box-shadow: inset 3px 0 0 0 #c00, inset -3px 0 0 0 #c00;
padding: 2px; padding: 1px;
overflow: visible; overflow: visible;
} }
/* Extend band both ways from letter block — layout box unchanged, center stays put. */ /* Extend band both ways from letter block — layout box unchanged, center stays put. */
@@ -2549,7 +2549,8 @@ button.report-tag--filter:hover {
display: block; display: block;
background: transparent; background: transparent;
border: none; border: none;
padding: 0.3rem 0.45rem; /* padding-inline = strip height when band runs horizontally (2×). */
padding: 0.3rem 0.9rem;
} }
.platform-for-sale-badge__letters { .platform-for-sale-badge__letters {
display: flex; display: flex;