fix: DockerSecretsResolver - don't normalize absolute paths like /var/www/html/...
Some checks failed
Deploy Application / deploy (push) Has been cancelled
Some checks failed
Deploy Application / deploy (push) Has been cancelled
This commit is contained in:
@@ -4,13 +4,13 @@
|
||||
* Flexible Grid-System für Content-Layouts.
|
||||
*/
|
||||
|
||||
@layer admin-objects {
|
||||
@layer layout {
|
||||
/**
|
||||
* Basic Grid
|
||||
*/
|
||||
.admin-grid {
|
||||
display: grid;
|
||||
gap: var(--admin-spacing-md);
|
||||
gap: var(--spacing-md);
|
||||
|
||||
/* Default: 1 column (mobile) */
|
||||
grid-template-columns: 1fr;
|
||||
@@ -54,15 +54,15 @@
|
||||
* Gap Variants
|
||||
*/
|
||||
.admin-grid--gap-sm {
|
||||
gap: var(--admin-spacing-sm);
|
||||
gap: var(--spacing-sm);
|
||||
}
|
||||
|
||||
.admin-grid--gap-lg {
|
||||
gap: var(--admin-spacing-lg);
|
||||
gap: var(--spacing-lg);
|
||||
}
|
||||
|
||||
.admin-grid--gap-xl {
|
||||
gap: var(--admin-spacing-xl);
|
||||
gap: var(--spacing-xl);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -71,14 +71,14 @@
|
||||
.admin-grid--sidebar {
|
||||
@media (min-width: 1024px) {
|
||||
grid-template-columns: 300px 1fr;
|
||||
gap: var(--admin-spacing-xl);
|
||||
gap: var(--spacing-xl);
|
||||
}
|
||||
}
|
||||
|
||||
.admin-grid--sidebar-right {
|
||||
@media (min-width: 1024px) {
|
||||
grid-template-columns: 1fr 300px;
|
||||
gap: var(--admin-spacing-xl);
|
||||
gap: var(--spacing-xl);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -90,19 +90,19 @@
|
||||
.admin-stack {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--admin-spacing-md);
|
||||
gap: var(--spacing-md);
|
||||
}
|
||||
|
||||
.admin-stack--sm {
|
||||
gap: var(--admin-spacing-sm);
|
||||
gap: var(--spacing-sm);
|
||||
}
|
||||
|
||||
.admin-stack--lg {
|
||||
gap: var(--admin-spacing-lg);
|
||||
gap: var(--spacing-lg);
|
||||
}
|
||||
|
||||
.admin-stack--xl {
|
||||
gap: var(--admin-spacing-xl);
|
||||
gap: var(--spacing-xl);
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -113,16 +113,16 @@
|
||||
.admin-cluster {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: var(--admin-spacing-md);
|
||||
gap: var(--spacing-md);
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.admin-cluster--sm {
|
||||
gap: var(--admin-spacing-sm);
|
||||
gap: var(--spacing-sm);
|
||||
}
|
||||
|
||||
.admin-cluster--lg {
|
||||
gap: var(--admin-spacing-lg);
|
||||
gap: var(--spacing-lg);
|
||||
}
|
||||
|
||||
.admin-cluster--justify-between {
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
* Mobile-First Grid Layout mit progressiver Verbesserung für Tablet/Desktop.
|
||||
*/
|
||||
|
||||
@layer admin-objects {
|
||||
@layer layout {
|
||||
/**
|
||||
* Main Admin Layout Grid
|
||||
*
|
||||
@@ -25,7 +25,7 @@
|
||||
|
||||
/* Tablet+ Layout (768px+) */
|
||||
@media (min-width: 768px) {
|
||||
grid-template-columns: var(--admin-spacing-sidebar) 1fr;
|
||||
grid-template-columns: var(--sidebar-width, var(--spacing-sidebar)) 1fr;
|
||||
grid-template-rows: auto 1fr;
|
||||
grid-template-areas:
|
||||
"sidebar header"
|
||||
@@ -34,93 +34,39 @@
|
||||
|
||||
/* Wide Screen Layout (1440px+) */
|
||||
@media (min-width: 1440px) {
|
||||
grid-template-columns: var(--admin-sidebar-width-wide) 1fr;
|
||||
grid-template-columns: var(--sidebar-width, var(--spacing-sidebar-wide)) 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Sidebar Area
|
||||
* Sidebar Area - Grid Positioning Only
|
||||
*
|
||||
* Note: Detailed sidebar styling is in _sidebar.css component file.
|
||||
* This only defines grid positioning for the layout system.
|
||||
*/
|
||||
.admin-sidebar {
|
||||
grid-area: sidebar;
|
||||
background-color: var(--admin-sidebar-bg);
|
||||
color: var(--admin-sidebar-text);
|
||||
|
||||
/* Mobile: Hidden by default, shown via toggle */
|
||||
@media (max-width: 767px) {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: var(--admin-sidebar-width-mobile);
|
||||
max-width: 280px;
|
||||
transform: translateX(-100%);
|
||||
transition: transform var(--admin-transition-base);
|
||||
z-index: var(--admin-z-sidebar);
|
||||
overflow-y: auto;
|
||||
|
||||
/* Mobile Menu Open State */
|
||||
&[data-mobile-menu-open="true"] {
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
/* Tablet+: Always visible */
|
||||
@media (min-width: 768px) {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
height: 100vh;
|
||||
overflow-y: auto;
|
||||
border-right: 1px solid var(--admin-sidebar-border);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Header Area
|
||||
*
|
||||
* Note: Detailed header styling is in _header.css component file.
|
||||
* This only defines grid positioning and basic layout.
|
||||
*/
|
||||
.admin-header {
|
||||
grid-area: header;
|
||||
background-color: var(--admin-header-bg);
|
||||
color: var(--admin-header-text);
|
||||
border-bottom: 1px solid var(--admin-header-border);
|
||||
padding: var(--admin-spacing-md) var(--admin-spacing-content-padding);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: var(--admin-spacing-md);
|
||||
|
||||
/* Mobile */
|
||||
min-height: var(--admin-header-height-mobile);
|
||||
|
||||
/* Tablet+ */
|
||||
@media (min-width: 768px) {
|
||||
min-height: var(--admin-header-height-tablet);
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: var(--admin-z-header);
|
||||
}
|
||||
|
||||
/* Wide */
|
||||
@media (min-width: 1440px) {
|
||||
min-height: var(--admin-header-height-wide);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Content Area
|
||||
*
|
||||
* Note: Detailed content styling is in _content.css component file.
|
||||
* This only defines grid positioning.
|
||||
*/
|
||||
.admin-content {
|
||||
grid-area: content;
|
||||
background-color: var(--admin-content-bg);
|
||||
padding: var(--admin-spacing-content-padding);
|
||||
overflow-x: hidden;
|
||||
|
||||
/* Wide: Center content with max-width */
|
||||
@media (min-width: 1440px) {
|
||||
max-width: var(--admin-spacing-content-max-width);
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -140,7 +86,7 @@
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: oklch(0% 0 0 / 0.5);
|
||||
z-index: calc(var(--admin-z-sidebar) - 1);
|
||||
z-index: calc(var(--z-sidebar) - 1);
|
||||
backdrop-filter: blur(2px);
|
||||
}
|
||||
}
|
||||
@@ -153,16 +99,16 @@
|
||||
position: absolute;
|
||||
top: -999px;
|
||||
left: -999px;
|
||||
z-index: var(--admin-z-toast);
|
||||
padding: var(--admin-spacing-sm) var(--admin-spacing-md);
|
||||
background-color: var(--admin-accent-primary);
|
||||
z-index: var(--z-toast);
|
||||
padding: var(--spacing-sm) var(--spacing-md);
|
||||
background-color: var(--accent-primary);
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: var(--admin-radius-md);
|
||||
border-radius: var(--radius-md);
|
||||
|
||||
&:focus {
|
||||
top: var(--admin-spacing-sm);
|
||||
left: var(--admin-spacing-sm);
|
||||
top: var(--spacing-sm);
|
||||
left: var(--spacing-sm);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -171,20 +117,20 @@
|
||||
*/
|
||||
.admin-container {
|
||||
width: 100%;
|
||||
max-width: var(--admin-container-mobile);
|
||||
max-width: var(--container-mobile);
|
||||
margin: 0 auto;
|
||||
padding: 0 var(--admin-spacing-md);
|
||||
padding: 0 var(--spacing-md);
|
||||
|
||||
@media (min-width: 768px) {
|
||||
max-width: var(--admin-container-tablet);
|
||||
max-width: var(--container-tablet);
|
||||
}
|
||||
|
||||
@media (min-width: 1024px) {
|
||||
max-width: var(--admin-container-desktop);
|
||||
max-width: var(--container-desktop);
|
||||
}
|
||||
|
||||
@media (min-width: 1440px) {
|
||||
max-width: var(--admin-container-wide);
|
||||
max-width: var(--container-wide);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user