Eskimue/skyview.astronomiemuseum.de
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

GUI verbessert

Browse Source
This commit is contained in:
Eskimue
2026-04-12 18:41:46 +02:00
parent ea9381f463
commit e93e2e3e6a
2 changed files with 93 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/css/style.css
+51 -3
View File
@@ -1630,9 +1630,28 @@ body.occ-page main > .container {
background: rgba(4, 6, 18, 0.85);
border-right: 1px solid rgba(200,168,75,.08);
}
.controls-panel::-webkit-scrollbar { width: 3px; }
.controls-panel::-webkit-scrollbar-track { background: transparent; }
.controls-panel::-webkit-scrollbar-thumb { background: rgba(200,168,75,.2); border-radius: 2px; }
.controls-panel {
scrollbar-width: thin;
scrollbar-color: rgba(201,168,76,0.45) rgba(201,168,76,0.05);
}
.controls-panel::-webkit-scrollbar {
width: 6px;
}
.controls-panel::-webkit-scrollbar-track {
background: rgba(201,168,76,0.04);
border-radius: 3px;
margin: 4px 0;
}
.controls-panel::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, rgba(240,217,144,0.55), rgba(201,168,76,0.35));
border-radius: 3px;
box-shadow: 0 0 6px rgba(201,168,76,0.25);
transition: background .2s;
}
.controls-panel::-webkit-scrollbar-thumb:hover {
background: linear-gradient(180deg, rgba(240,217,144,0.85), rgba(201,168,76,0.65));
box-shadow: 0 0 10px rgba(201,168,76,0.45);
}
/* Einzelner Steuerungsblock */
.ctrl-block {
@@ -3800,7 +3819,28 @@ body.solarsystem-page main > .container {
gap: 1rem;
max-height: calc(100vh - 10rem);
overflow-y: auto;
overflow-x: hidden;
overscroll-behavior: contain;
scrollbar-width: thin;
scrollbar-color: rgba(201,168,76,0.45) rgba(201,168,76,0.05);
}
.solarsystem-sidebar::-webkit-scrollbar {
width: 6px;
}
.solarsystem-sidebar::-webkit-scrollbar-track {
background: rgba(201,168,76,0.04);
border-radius: 3px;
margin: 4px 0;
}
.solarsystem-sidebar::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, rgba(240,217,144,0.55), rgba(201,168,76,0.35));
border-radius: 3px;
box-shadow: 0 0 6px rgba(201,168,76,0.25);
transition: background .2s;
}
.solarsystem-sidebar::-webkit-scrollbar-thumb:hover {
background: linear-gradient(180deg, rgba(240,217,144,0.85), rgba(201,168,76,0.65));
box-shadow: 0 0 10px rgba(201,168,76,0.45);
}
.solarsystem-sidebar-block {
@@ -4014,6 +4054,14 @@ body.solarsystem-page main > .container {
gap: 0.6rem;
}
.jupitersystem-page .solarsystem-button-grid {
justify-items: start;
}
.jupitersystem-page .solarsystem-button-grid .btn {
padding-inline: 1.1rem;
}
.solarsystem-sidebar .btn.is-active,
.solarsystem-sidebar .btn-secondary.is-active {
background: rgba(201, 168, 76, 0.16);