extern/glance
1
0
Fork 0
mirror of https://github.com/glanceapp/glance.git synced 2024-10-05 01:32:00 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add mobile reachability header

Browse Source
This commit is contained in:
Svilen Markov 2024-05-08 01:21:55 +01:00
parent 976fb02bd3
commit 2389415071
3 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
internal/assets/static/main.css
View File

@ -497,7 +497,7 @@ body {
animation-delay: 150ms;
}
.mobile-navigation {
.mobile-navigation, .mobile-reachability-header {
display: none;
}
@ -1027,6 +1027,15 @@ body {
.hide-on-mobile {
display: none
}
.mobile-reachability-header {
display: block;
font-size: 3rem;
padding: 10vh 1rem;
text-align: center;
color: var(--color-text-highlight);
animation: pageColumnsEntrance .3s cubic-bezier(0.25, 1, 0.5, 1) backwards;
}
}
.size-h1 { font-size: var(--font-size-h1); }

4
internal/assets/templates/content.html
View File

@ -1,3 +1,7 @@
{{ if .Page.ShowMobileHeader }}
<div class="mobile-reachability-header">{{ .Page.Title }}</div>
{{ end }}
<div class="page-columns">
{{ range .Page.Columns }}
<div class="page-column page-column-{{ .Size }}">

9
internal/glance/glance.go
View File

@ -55,10 +55,11 @@ type templateData struct {
}
type Page struct {
Title string `yaml:"name"`
Slug string `yaml:"slug"`
Columns []Column `yaml:"columns"`
mu sync.Mutex
Title string `yaml:"name"`
Slug string `yaml:"slug"`
ShowMobileHeader bool `yaml:"show-mobile-header"`
Columns []Column `yaml:"columns"`
mu sync.Mutex
}
func (p *Page) UpdateOutdatedWidgets() {