Update default.html

Author: DevLabStudy

_layouts/default.html

@@ -126,12 +126,51 @@
             box-shadow: 0 0 10px rgba(0, 210, 255, 0.5);
         }
 
-        /* DROPDOWN APPS */
-        .dropdown { position: relative; display: inline-block; }
+        /* NAPRAWIONE DROPDOWN APPS - ROZSUWANIE */
+        .dropdown { 
+            position: relative; 
+            display: inline-block; 
+        }
 
-        .dropdown-content { position: absolute; right: 0; top: 100%; padding-top: 12px; min-width: 230px; opacity: 0; visibility: hidden; transition: 0.25s ease; z-index: 1001; }
-        .dropdown-links-wrapper { background: rgba(10, 15, 25, 0.98); border: 1px solid var(--border); border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.8); overflow: hidden; backdrop-filter: blur(10px); }
-        .dropdown-content a, .dropdown-content .disabled-link { display: flex; justify-content: space-between; align-items: center; color: var(--text-main); padding: 12px 18px; text-decoration: none; font-size: 0.85rem; font-weight: 600; border-bottom: 1px solid rgba(255, 255, 255, 0.03); }
+        .dropdown-content { 
+            position: absolute; 
+            right: 0; 
+            top: 100%; 
+            padding-top: 12px; 
+            min-width: 230px; 
+            opacity: 0; 
+            visibility: hidden; 
+            transform: translateY(-8px);
+            transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease; 
+            z-index: 1001; 
+        }
+
+        /* ROZSUWANIE PO NAJECHANIU NA DROPDOWN */
+        .dropdown:hover .dropdown-content {
+            opacity: 1;
+            visibility: visible;
+            transform: translateY(0);
+        }
+
+        .dropdown-links-wrapper { 
+            background: rgba(10, 15, 25, 0.98); 
+            border: 1px solid var(--border); 
+            border-radius: 8px; 
+            box-shadow: 0 10px 30px rgba(0,0,0,0.8); 
+            overflow: hidden; 
+            backdrop-filter: blur(10px); 
+        }
+        .dropdown-content a, .dropdown-content .disabled-link { 
+            display: flex; 
+            justify-content: space-between; 
+            align-items: center; 
+            color: var(--text-main); 
+            padding: 12px 18px; 
+            text-decoration: none; 
+            font-size: 0.85rem; 
+            font-weight: 600; 
+            border-bottom: 1px solid rgba(255, 255, 255, 0.03); 
+        }
         .dropdown-content a:hover { color: var(--accent-blue); background: rgba(0, 210, 255, 0.05); }
         .badge-work { font-size: 0.65rem; background: rgba(255, 94, 0, 0.15); color: var(--accent-contrast); padding: 2px 6px; border-radius: 4px; border: 1px solid rgba(255, 94, 0, 0.3); font-family: 'JetBrains Mono', monospace; text-transform: uppercase; }
         .badge-new { font-size: 0.65rem; background: rgba(0, 210, 255, 0.15); color: var(--accent-blue); padding: 2px 6px; border-radius: 4px; border: 1px solid rgba(0, 210, 255, 0.3); font-family: 'JetBrains Mono', monospace; text-transform: uppercase; }
@@ -162,7 +201,7 @@
         .disabled-link:hover .link-text { opacity: 0; }
         .disabled-link:hover .beta-hover-text { opacity: 1; }
 
-        /* DASHBOARD - ROZSZERZONY I PRZESTRONNY */
+        /* DASHBOARD / TREŚĆ */
         .dashboard { width: 100%; max-width: 1550px; padding: 50px 60px; margin: 0 auto; box-sizing: border-box; flex: 1; }
 
         .section-tag {
@@ -179,7 +218,7 @@
         }
         .section-tag::before { content: '///'; color: var(--accent-blue); }
 
-        /* STOPKA W STYLU NASA */
+        /* STOPKA W STYLU NASA (PRZYWRÓCONA) */
         <footer> 
             background: #010204;
             border-top: 1px solid var(--border);