The way-up ribbon, third cut: the wrap bug — one measured line, snug band, honest overhang

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
wuwiandClaude Fable 5 committed 2026-08-29 16:00:51 +02:00
1 parent 6ea06ee42b
commit 3ba3d9dac0
1 file changed
+4 -4
+4 -4
View File
@@ -334,9 +334,9 @@ if (location.hostname !== 'splatter-tennis.wuwi.one' && !window.Capacitor?.isNat
the poster's corner — deliberately hanging past the border on both sides (Oliver), so it the poster's corner — deliberately hanging past the border on both sides (Oliver), so it
reads as wrapped around the button rather than printed on it. z-index above the border, reads as wrapped around the button rather than printed on it. z-index above the border,
no clipping anywhere on the path. */ no clipping anywhere on the path. */
.way { position: absolute; top: 22px; left: -30px; width: 120px; transform: rotate(-45deg); .way { position: absolute; top: 20px; left: -24px; width: 108px; transform: rotate(-45deg);
z-index: 2; z-index: 2; white-space: nowrap;
padding: 6px 0; font: 700 11px Silkscreen, monospace; font-style: normal; padding: 5px 0; font: 700 10px Silkscreen, monospace; font-style: normal;
text-align: center; color: #fff; background: var(--red); text-align: center; color: #fff; background: var(--red);
border-top: 1px solid rgba(255,255,255,0.35); border-bottom: 1px solid #69201c; border-top: 1px solid rgba(255,255,255,0.35); border-bottom: 1px solid #69201c;
text-shadow: 1px 1px 0 rgba(0,0,0,0.55); box-shadow: 0 2px 6px rgba(0,0,0,0.45); text-shadow: 1px 1px 0 rgba(0,0,0,0.55); box-shadow: 0 2px 6px rgba(0,0,0,0.45);
@@ -846,6 +846,6 @@ if (location.hostname !== 'splatter-tennis.wuwi.one' && !window.Capacitor?.isNat
</div> </div>
</div> </div>
</div> </div>
<script type="module" src="src/main.js?v=318"></script> <script type="module" src="src/main.js?v=319"></script>
</body> </body>
</html> </html>