From 7a248993bc585111faea4c67c40ae14f01ba7a78 Mon Sep 17 00:00:00 2001
From: Juergen Kunz <juergen@foss.global>
Date: Fri, 27 Jun 2025 20:51:31 +0000
Subject: [PATCH] update

---
 ts_web/elements/wcc-properties.ts | 57 +++++++++----------------------
 1 file changed, 17 insertions(+), 40 deletions(-)

diff --git a/ts_web/elements/wcc-properties.ts b/ts_web/elements/wcc-properties.ts
index 304377d..c6b18f4 100644
--- a/ts_web/elements/wcc-properties.ts
+++ b/ts_web/elements/wcc-properties.ts
@@ -299,62 +299,39 @@ export class WccProperties extends DeesElement {
         }
 
         .editor-header-bar {
-          padding: 0.75rem 1.25rem;
-          background: linear-gradient(to bottom, rgba(59, 130, 246, 0.05), transparent);
-          border-bottom: 1px solid rgba(59, 130, 246, 0.1);
+          padding: 0.5rem 0.75rem;
+          background: transparent;
+          border-bottom: 1px solid rgba(255, 255, 255, 0.05);
           display: flex;
           justify-content: space-between;
           align-items: center;
-          height: 48px;
-          backdrop-filter: blur(8px);
+          height: 36px;
         }
 
         .editor-header-title {
-          font-size: 0.875rem;
-          font-weight: 600;
-          color: var(--foreground);
+          font-size: 0.7rem;
+          font-weight: 500;
+          color: #666;
           text-transform: uppercase;
-          letter-spacing: 0.1em;
-          display: flex;
-          align-items: center;
-          gap: 0.5rem;
-        }
-
-        .editor-header-title::before {
-          content: '';
-          display: inline-block;
-          width: 3px;
-          height: 16px;
-          background: var(--primary);
-          border-radius: 1px;
+          letter-spacing: 0.08em;
         }
 
         .editor-close-all {
-          padding: 0.375rem 0.75rem;
-          background: rgba(239, 68, 68, 0.05);
-          border: 1px solid rgba(239, 68, 68, 0.2);
-          border-radius: var(--radius);
-          color: #f87171;
-          font-size: 0.75rem;
+          padding: 0.25rem 0.5rem;
+          background: transparent;
+          border: 1px solid rgba(255, 255, 255, 0.08);
+          border-radius: var(--radius-sm);
+          color: #999;
+          font-size: 0.65rem;
           font-weight: 500;
           cursor: pointer;
           transition: all 0.15s ease;
-          display: flex;
-          align-items: center;
-          gap: 0.375rem;
         }
 
         .editor-close-all:hover {
-          background: rgba(239, 68, 68, 0.15);
-          border-color: rgba(239, 68, 68, 0.4);
-          transform: translateY(-1px);
-          box-shadow: 0 2px 4px rgba(239, 68, 68, 0.2);
-        }
-
-        .editor-close-all::before {
-          content: '×';
-          font-size: 1.125rem;
-          line-height: 1;
+          background: rgba(255, 255, 255, 0.05);
+          border-color: rgba(255, 255, 255, 0.12);
+          color: #f87171;
         }
 
         .editors-container {