From a0d1829c1b909ce73e2ff18892bf44c251a0d9d5 Mon Sep 17 00:00:00 2001 From: claude Date: Thu, 11 Jun 2026 12:21:34 +0000 Subject: [PATCH] fix(lumiere): fix toolbar dropdown clipping, boost grain/gradient visibility MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Remove overflow:hidden from toolbar — it was clipping dropdown menus - Increase SVG noise opacity 0.06→0.12 and gradient orb opacity for more visible texture on the dashboard background Co-Authored-By: Claude Sonnet 4.6 --- .../frontend/stylesheets/pages/editor/ide-lumiere.scss | 1 - .../frontend/stylesheets/pages/project-list-lumiere.scss | 8 ++++---- 2 files changed, 4 insertions(+), 5 deletions(-) diff --git a/services/web/frontend/stylesheets/pages/editor/ide-lumiere.scss b/services/web/frontend/stylesheets/pages/editor/ide-lumiere.scss index 4234554861..9ca54af8af 100644 --- a/services/web/frontend/stylesheets/pages/editor/ide-lumiere.scss +++ b/services/web/frontend/stylesheets/pages/editor/ide-lumiere.scss @@ -42,7 +42,6 @@ $lum-border: #e2eaf2; [data-lumiere='true'] .ide-redesign-toolbar { position: relative; - overflow: hidden; border-bottom-color: $lum-border; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); diff --git a/services/web/frontend/stylesheets/pages/project-list-lumiere.scss b/services/web/frontend/stylesheets/pages/project-list-lumiere.scss index 97ff9a2f6c..981dffe201 100644 --- a/services/web/frontend/stylesheets/pages/project-list-lumiere.scss +++ b/services/web/frontend/stylesheets/pages/project-list-lumiere.scss @@ -14,8 +14,8 @@ $lum-text-muted: #94a3b8; $lum-border: #e2eaf2; // Grainy SVG noise tile (fractalNoise, greyscale, stitched for seamless tiling). -// The rect opacity (0.06) controls grain intensity — increase for more texture. -$lum-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E"); +// The rect opacity (0.12) controls grain intensity — lower for subtlety. +$lum-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.12'/%3E%3C/svg%3E"); .project-list-lumiere { @@ -225,8 +225,8 @@ $lum-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' wi .project-ds-nav-content { background-image: #{$lum-noise}, - radial-gradient(ellipse 80% 60% at 88% 0%, rgba($lum-teal, 0.14) 0%, transparent 60%), - radial-gradient(ellipse 70% 55% at 4% 98%, rgba($lum-blue, 0.10) 0%, transparent 55%); + radial-gradient(ellipse 80% 60% at 88% 0%, rgba($lum-teal, 0.22) 0%, transparent 60%), + radial-gradient(ellipse 70% 55% at 4% 98%, rgba($lum-blue, 0.16) 0%, transparent 55%); background-size: 200px 200px, cover,