diff options
| author | Starfall <us@starfall.systems> | 2023-09-05 19:09:31 -0500 |
|---|---|---|
| committer | Starfall <us@starfall.systems> | 2023-09-05 19:09:31 -0500 |
| commit | 57255a83a785ab1e9525a7d4c58e00d17ce446ad (patch) | |
| tree | 5b1657931f964629e315fff951b0087d0a4d7b9f | |
| parent | c0d2f6523324cfbd096b1c108800e50a1b87bf9b (diff) | |
more or less fix CSS on mobile
| -rw-r--r-- | _includes/base.njk | 2 | ||||
| -rw-r--r-- | _includes/blogpost.njk | 2 | ||||
| -rw-r--r-- | css/terminal.css | 9 | ||||
| -rw-r--r-- | js/moon-phase.js | 2 |
4 files changed, 12 insertions, 3 deletions
diff --git a/_includes/base.njk b/_includes/base.njk index e31e4dc..4c92740 100644 --- a/_includes/base.njk +++ b/_includes/base.njk @@ -18,7 +18,7 @@ title = "Starfall" <header> <h1>{{ title }}</h1> - <span style="float: right; user-select: none" id=decor-moons aria-hidden=true></span> + <div id=decor-moons aria-hidden=true></div> <nav aria-label=primary> {% set navs = collections.all | eleventyNavigation %} <ul>{%- for nav in navs %} diff --git a/_includes/blogpost.njk b/_includes/blogpost.njk index 94541c4..0867c95 100644 --- a/_includes/blogpost.njk +++ b/_includes/blogpost.njk @@ -18,7 +18,7 @@ title = "Starfall" <header> <h1>{{ title }}</h1> - <span style="float: right; user-select: none" id=decor-moons aria-hidden=true></span> + <span id=decor-moons aria-hidden=true></span> <nav aria-label=primary> {% set navs = collections.all | eleventyNavigation %} <ul>{%- for nav in navs %} diff --git a/css/terminal.css b/css/terminal.css index 7ade7f9..80480e3 100644 --- a/css/terminal.css +++ b/css/terminal.css @@ -115,6 +115,9 @@ h3 { font: bold 117%/1 var(--font-accent); } /* NAVIGATION */ +header > nav { + display: inline-block; /* forces single line nav... not ideal but works for now FIXME */ +} header > nav > ul { font: 100%/1.5 var(--font-accent); list-style-type: none; @@ -187,3 +190,9 @@ table.center-cells td, table.center-cells th { text-align: center; } +/* DECORATIONS */ +#decor-moons { + float: right; + user-select: none; + overflow: hidden; +} diff --git a/js/moon-phase.js b/js/moon-phase.js index 8feaced..e8114f2 100644 --- a/js/moon-phase.js +++ b/js/moon-phase.js @@ -44,5 +44,5 @@ function getMoonsString(disable_emoji, inverted_icons) { } document.addEventListener('DOMContentLoaded', (event) => { - document.getElementById('decor-moons').innerHTML = getMoonsString(true, true) + document.getElementById('decor-moons').innerHTML = getMoonsString(true, false) }) |