nonshy/website
nonshy/website
1
0
Fork 0
Code Issues 20 Pull Requests 1 Packages Projects Releases Wiki Activity

Fixed top nav bar

Browse Source
This commit is contained in:
Noah Petherbridge 2024-11-22 08:44:16 -08:00
parent 63471e2e9b
commit fcd2cbd615
4 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/static/css/dark-theme.css
View File

@ -45,6 +45,12 @@
color: rgb(26, 0, 5) !important;
}
/* glassy background for fixed nav bar when you scroll other elements under it */
nav.navbar {
background-color: rgba(0, 0, 0, .75) !important;
backdrop-filter: blur(5px);
}
.has-text-dark {
/* note: this css file otherwise didn't override this, dark's always dark, brighten it! */
color: #b5b5b5 !important;

2
web/static/css/nonshy-prefers-dark.css
View File

@ -1,3 +1,3 @@
/* Custom nonshy color overrides for Bulma's dark theme
(prefers-dark edition) */
@import url("dark-theme.css") screen and (prefers-color-scheme: dark);
@import url("dark-theme.css?nocache=1") screen and (prefers-color-scheme: dark);

8
web/static/css/theme.css
View File

@ -100,12 +100,18 @@ img {
/* Mobile: notification badge near the hamburger menu */
.nonshy-mobile-notification {
position: absolute;
position: fixed;
top: 10px;
right: 50px;
z-index: 1000;
}
/* glassy background for fixed nav bar when you scroll other elements under it */
nav.navbar {
background-color: rgba(255, 255, 255, .75);
backdrop-filter: blur(5px);
}
/* PWA: loading indicator in the corner of the page */
#nonshy-pwa-loader {
display: none;

4
web/templates/base.html
View File

@ -23,8 +23,8 @@
<title>{{template "title" .}} - {{ .Title }}</title>
{{template "head-scripts" .}}
</head>
<body>
<nav class="navbar" role="navigation" aria-label="main navigation">
<body class="has-navbar-fixed-top">
<nav class="navbar is-fixed-top" role="navigation" aria-label="main navigation">
<div class="navbar-brand">
<a class="navbar-item" href="/">
{{ PrettyTitle }}