styles bugfix

This commit is contained in:
2026-05-07 15:28:26 +02:00
parent e5ee067db4
commit c848633a1f
8 changed files with 371 additions and 122 deletions

View File

@@ -6,7 +6,7 @@
min-width: 200px;
max-height: 50vh;
width: max-content; /* 🔑 wächst mit Inhalt */
max-width: 600px; /* aber capped */
max-width: 500px; /* aber capped */
background: var(--theme-taskbar-tray-backcolor);
color: var(--theme-taskbar-tray-color);
border-color: var(--theme-taskbar-tray-border-color);
@@ -14,7 +14,7 @@
overflow-y: auto; /* vertikal scrollen */
overflow-x: hidden; /* horizontal verhindern */
box-shadow: 0 8px 20px rgba(0,0,0,0.4);
padding: 10px 10px 6px 10px;
padding: 6px 6px 0px 6px;
opacity: 0;
pointer-events: none;
transform: translateY(10px);
@@ -28,8 +28,8 @@
.bubble-item {
display: grid;
grid-template-columns: minmax(0, auto) 250px;
gap: 10px;
padding: 6px 8px;
gap: 5px;
padding: 3px 6px;
border-radius: 6px;
/* cursor: pointer; */
align-items: center;
@@ -55,7 +55,9 @@
/* hover Effekt */
.bubble-item:hover {
background: rgba(64,64,64,0.4);
background: var(--theme-accent-hover-backcolor);
color: var(--theme-accent-hover-color);
border-color: var(--theme-accent-hover-border-color);
transform: scale(1.01);
}