Complete Beast format implementation with enhanced features and fixes #19
2 changed files with 21 additions and 5 deletions
Add repository link to header and fix Options menu positioning
- 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>
commit
ec7d9e02af
|
|
@ -195,8 +195,8 @@ body {
|
|||
|
||||
.display-options {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
top: 320px;
|
||||
right: 10px;
|
||||
z-index: 1000;
|
||||
background: rgba(45, 45, 45, 0.95);
|
||||
border: 1px solid #404040;
|
||||
|
|
@ -472,6 +472,22 @@ body {
|
|||
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-header {
|
||||
cursor: pointer;
|
||||
|
|
|
|||
|
|
@ -28,7 +28,7 @@
|
|||
<body>
|
||||
<div id="app">
|
||||
<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 -->
|
||||
<div class="status-section">
|
||||
|
|
@ -81,10 +81,10 @@
|
|||
<button id="toggle-dark-mode" title="Toggle dark/light mode">🌙 Night Mode</button>
|
||||
</div>
|
||||
|
||||
<!-- Display options -->
|
||||
<!-- Options -->
|
||||
<div class="display-options">
|
||||
<h4 class="collapsible-header collapsed" id="display-options-header">
|
||||
<span>Display Options</span>
|
||||
<span>Options</span>
|
||||
<span class="collapse-indicator">▼</span>
|
||||
</h4>
|
||||
<div class="option-group collapsible-content collapsed" id="display-options-content">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue