olemd/skyview
1
0
Fork 0
Code Issues 12 Pull requests Projects Releases 11 Packages Wiki Activity Actions

Add repository link to header and fix Options menu positioning

Browse source 
- Add gear icon (⚙) repository link next to version in header
- Position Options menu below Night Mode button using absolute positioning
- Rename 'Display Options' to 'Options' for brevity
- Repository link points to https://kode.naiv.no/olemd/skyview
- Options menu now at top: 320px, right: 10px to appear below map controls

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Ole-Morten Duesund 2025-08-24 19:06:19 +02:00
commit ec7d9e02af
2 changed files with 21 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

20
assets/static/css/style.css
View file

@ -195,8 +195,8 @@ body {
.display-options { .display-options {
position: absolute; position: absolute;
top: 10px; top: 320px;
left: 10px; right: 10px;
z-index: 1000; z-index: 1000;
background: rgba(45, 45, 45, 0.95); background: rgba(45, 45, 45, 0.95);
border: 1px solid #404040; border: 1px solid #404040;
@ -472,6 +472,22 @@ body {
margin-left: 8px; margin-left: 8px;
} }
/* Repository Link */
.repo-link {
color: #888;
text-decoration: none;
font-size: 0.7em;
margin-left: 6px;
opacity: 0.6;
transition: opacity 0.2s ease, color 0.2s ease;
}
.repo-link:hover {
color: #4a9eff;
opacity: 1;
text-decoration: none;
}
/* Collapsible Sections */ /* Collapsible Sections */
.collapsible-header { .collapsible-header {
cursor: pointer; cursor: pointer;

6
assets/static/index.html
View file

@ -28,7 +28,7 @@
<body> <body>
<div id="app"> <div id="app">
<header class="header"> <header class="header">
<h1>SkyView <span class="version-info">v0.0.2</span></h1> <h1>SkyView <span class="version-info">v0.0.2</span> <a href="https://kode.naiv.no/olemd/skyview" target="_blank" class="repo-link" title="Project Repository">⚙</a></h1>
<!-- Status indicators --> <!-- Status indicators -->
<div class="status-section"> <div class="status-section">
@ -81,10 +81,10 @@
<button id="toggle-dark-mode" title="Toggle dark/light mode">🌙 Night Mode</button> <button id="toggle-dark-mode" title="Toggle dark/light mode">🌙 Night Mode</button>
</div> </div>
<!-- Display options --> <!-- Options -->
<div class="display-options"> <div class="display-options">
<h4 class="collapsible-header collapsed" id="display-options-header"> <h4 class="collapsible-header collapsed" id="display-options-header">
<span>Display Options</span> <span>Options</span>
<span class="collapse-indicator">▼</span> <span class="collapse-indicator">▼</span>
</h4> </h4>
<div class="option-group collapsible-content collapsed" id="display-options-content"> <div class="option-group collapsible-content collapsed" id="display-options-content">