From 3e4d53c83300ab377e22faf51a1841ca94743052 Mon Sep 17 00:00:00 2001 From: Roger Rehnelt Date: Sat, 3 Oct 2026 15:05:19 +0200 Subject: GARAN: Label bleibt auf schmalen Handys im Fenster MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Das Label wird nicht verkleinert, sondern nach links verschoben, wenn es über den Rand ragen würde. Die Position gleitet nicht mehr. Co-Authored-By: Claude Opus 5.5 --- views/css/frontend.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'views/css/frontend.css') diff --git a/views/css/frontend.css b/views/css/frontend.css index e8d353e..35a7605 100644 --- a/views/css/frontend.css +++ b/views/css/frontend.css @@ -41,7 +41,7 @@ input.wpsg_error { border-color:red !important; border:1px solid red; } &:after { position:absolute; right:0; bottom:2px; content:' '; width:16px; height:16px; background-image:url('../gfx/garan/garan_checkmark.svg'); background-size:contain; background-repeat:no-repeat; } } &:after { position:absolute; right:5px; top:0; content:' '; width:28px; height:40px; background-image:url('../gfx/garan/garan_eu.svg'); background-size:contain; background-repeat:no-repeat; } - & > .tooltip { position:absolute; opacity:0; pointer-events:none; top:40px; left:-1px; padding:5px 5px 5px 0; transition:all 0.5s; + & > .tooltip { position:absolute; opacity:0; pointer-events:none; top:40px; left:-1px; padding:5px 5px 5px 0; transition:opacity 0.5s; & > .inner { width:300px; min-height:300px; display:flex; flex-direction:column; gap:5px; background-color:white; padding:5px; border:1px solid black; & > .border { border:1px solid black; display:flex; flex-direction:column; padding:5px; .top { width:100%; border-bottom:2px solid black; padding-bottom:5px; position:relative; -- cgit v1.2.3