Mirrors/tinypin
1
0
Fork 0
mirror of https://github.com/slynn1324/tinypin.git synced 2026-01-23 02:25:08 +00:00
Code Issues Projects Releases Wiki Activity

enable mobile menu and ios web clip

Browse source
This commit is contained in:
slynn1324 2021-01-22 18:07:36 -06:00
parent 07e07371cb
commit 7dc631a84d
3 changed files with 10 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

1
static/app.js
View file

@ -57,6 +57,7 @@ let store = new Reef.Store({
board: null
},
initialized: false,
menuOpen: false,
loading: 0,
boards: [],
board: null,

12
static/components/navbar.js
View file

@ -1,3 +1,8 @@
app.addSetter('navbar.toggleMenu', (data) => {
data.menuOpen = !data.menuOpen;
});
app.addComponent('navbar', (store) => { return new Reef("#navbar", {
store: store,
template: (data) => {
@ -24,7 +29,7 @@ app.addComponent('navbar', (store) => { return new Reef("#navbar", {
<div id="loader" class="button is-text ${data.loading ? 'is-loading' : ''}"></div>
</span>
<a id="burger-mobile" role="button" class="navbar-burger" aria-label="menu" aria-expanded="false">
<a id="burger-mobile" role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-onclick="navbar.toggleMenu">
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
<span aria-hidden="true"></span>
@ -32,10 +37,7 @@ app.addComponent('navbar', (store) => { return new Reef("#navbar", {
</div>
<div class="navbar-menu is-active">
<!--<div class="navbar-start">
${boardName}
</div>-->
<div class="navbar-menu ${data.menuOpen ? 'is-active' : ''} ">
<div class="navbar-end">
<span id="loader-desktop" class="navbar-item">

3
static/index.html
View file

@ -3,7 +3,8 @@
<head>
<title>tinypin</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.1/css/bulma.min.css" />
<link rel="stylesheet" href="client.css" />
</head>