Fix: Logo-Hintergrund, Scroll-Reveal-Bug, Timeline-Dropdown, UI-Cleanup
- Logo: Blau-grauer Hintergrund für Lesbarkeit auf dunkler Navbar - Scroll-Reveal Fix: Cards in hidden tabs sofort revealed, nur sichtbare via Observer - Tab-Wechsel: Reveal-Trigger für Cards im neu aktiven Panel - Timeline-Dropdown: Aufklappbare Uhrzeiten pro Tag, neuester Tag standardmäßig offen - Entfernt: FC-Quick-Stats im Hero, Powered-by Badge, CTA-Powered-Text - CSS: Timeline-Dropdown Styles, unused hero-fc/powered-by Styles entfernt Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Dieser Commit ist enthalten in:
Claude Code
@@ -32,6 +32,11 @@
|
||||
border-bottom: 1px solid var(--lb-border) !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.lagebild-page .logo-img {
|
||||
background: rgba(160, 175, 200, 0.85);
|
||||
padding: 4px 10px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.lagebild-page .nav-menu a {
|
||||
color: var(--lb-text) !important;
|
||||
}
|
||||
@@ -201,57 +206,6 @@
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
/* Hero FC Quick Stats */
|
||||
.hero-fc-stats {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 10px;
|
||||
margin-top: 1.5rem;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.fc-quick-badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
padding: 5px 14px;
|
||||
border-radius: 20px;
|
||||
font-size: 0.82rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
.fc-quick-badge svg {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.fc-quick-badge.success {
|
||||
background: rgba(16, 185, 129, 0.12);
|
||||
border: 1px solid rgba(16, 185, 129, 0.25);
|
||||
color: #34d399;
|
||||
}
|
||||
.fc-quick-badge.warning {
|
||||
background: rgba(245, 158, 11, 0.12);
|
||||
border: 1px solid rgba(245, 158, 11, 0.25);
|
||||
color: #fbbf24;
|
||||
}
|
||||
.fc-quick-badge.error {
|
||||
background: rgba(239, 68, 68, 0.12);
|
||||
border: 1px solid rgba(239, 68, 68, 0.25);
|
||||
color: #f87171;
|
||||
}
|
||||
|
||||
/* Powered By */
|
||||
.hero-powered-by {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 8px;
|
||||
margin-top: 1.5rem;
|
||||
font-size: 0.8rem;
|
||||
color: var(--lb-text-sec);
|
||||
}
|
||||
.hero-powered-by svg {
|
||||
color: var(--lb-accent);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
/* ---------- Control Bar ---------- */
|
||||
.control-bar {
|
||||
background: var(--lb-bg-card);
|
||||
@@ -364,6 +318,62 @@
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
/* Timeline Dropdown */
|
||||
.timeline-dropdown {
|
||||
display: none;
|
||||
background: var(--lb-bg-secondary);
|
||||
border: 1px solid var(--lb-border);
|
||||
border-top: none;
|
||||
border-radius: 0 0 var(--radius-sm, 4px) var(--radius-sm, 4px);
|
||||
padding: 10px 14px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
.timeline-dropdown.open {
|
||||
display: block;
|
||||
}
|
||||
.timeline-dropdown-header {
|
||||
font-size: 0.78rem;
|
||||
color: var(--lb-text-sec);
|
||||
margin-bottom: 8px;
|
||||
font-weight: 500;
|
||||
}
|
||||
.timeline-snap-list {
|
||||
display: flex;
|
||||
gap: 6px;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.timeline-snap-item {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 6px 12px;
|
||||
border-radius: var(--radius-sm, 4px);
|
||||
border: 1px solid var(--lb-border);
|
||||
background: transparent;
|
||||
color: var(--lb-text-sec);
|
||||
font-size: 0.78rem;
|
||||
cursor: pointer;
|
||||
font-family: inherit;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
.timeline-snap-item:hover {
|
||||
background: var(--lb-bg-card);
|
||||
border-color: rgba(200, 168, 81, 0.4);
|
||||
color: var(--lb-text);
|
||||
}
|
||||
.timeline-snap-item.active {
|
||||
background: rgba(200, 168, 81, 0.1);
|
||||
border-color: var(--lb-accent);
|
||||
color: var(--lb-accent);
|
||||
}
|
||||
.timeline-snap-time {
|
||||
font-weight: 600;
|
||||
}
|
||||
.timeline-snap-meta {
|
||||
font-size: 0.7rem;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
/* Tab Navigation */
|
||||
.tab-nav {
|
||||
display: flex;
|
||||
@@ -911,11 +921,6 @@
|
||||
margin-top: 2rem;
|
||||
text-align: center;
|
||||
}
|
||||
.cta-powered-text {
|
||||
font-size: 0.85rem;
|
||||
color: var(--lb-text-sec);
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.cta-content {
|
||||
background: linear-gradient(135deg, #111B30 0%, #1a2744 50%, #0f1a2e 100%);
|
||||
border: 1px solid var(--lb-border);
|
||||
@@ -1033,16 +1038,6 @@
|
||||
.stat-card-label {
|
||||
font-size: 0.65rem;
|
||||
}
|
||||
.hero-fc-stats {
|
||||
gap: 6px;
|
||||
}
|
||||
.fc-quick-badge {
|
||||
font-size: 0.75rem;
|
||||
padding: 4px 10px;
|
||||
}
|
||||
.hero-powered-by {
|
||||
font-size: 0.72rem;
|
||||
}
|
||||
|
||||
.control-bar .container {
|
||||
flex-direction: column;
|
||||
@@ -1058,6 +1053,16 @@
|
||||
.timeline-day-num {
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
.timeline-dropdown {
|
||||
padding: 8px 10px;
|
||||
}
|
||||
.timeline-snap-list {
|
||||
gap: 4px;
|
||||
}
|
||||
.timeline-snap-item {
|
||||
padding: 5px 10px;
|
||||
font-size: 0.72rem;
|
||||
}
|
||||
.tab-nav {
|
||||
overflow-x: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
|
||||
In neuem Issue referenzieren
Einen Benutzer sperren