projects
/
vchess.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Various fixes
[vchess.git]
/
client
/
src
/
App.vue
diff --git
a/client/src/App.vue
b/client/src/App.vue
index
e06a2fe
..
f337394
100644
(file)
--- a/
client/src/App.vue
+++ b/
client/src/App.vue
@@
-13,7
+13,7
@@
nav
label.drawer-toggle(for="drawerControl")
input#drawerControl.drawer(type="checkbox")
nav
label.drawer-toggle(for="drawerControl")
input#drawerControl.drawer(type="checkbox")
- #menuBar
+ #menuBar
(@click="hideDrawer")
label.drawer-close(for="drawerControl")
#leftMenu
router-link(to="/")
label.drawer-close(for="drawerControl")
#leftMenu
router-link(to="/")
@@
-22,7
+22,6
@@
| {{ st.tr["Variants"] }}
router-link(to="/mygames")
| {{ st.tr["My games"] }}
| {{ st.tr["Variants"] }}
router-link(to="/mygames")
| {{ st.tr["My games"] }}
- // TODO: parametric URL, "forumURL"
a(href="https://forum.vchess.club")
| {{ st.tr["Forum"] }}
#rightMenu
a(href="https://forum.vchess.club")
| {{ st.tr["Forum"] }}
#rightMenu
@@
-67,6
+66,14
@@
export default {
return `/images/flags/${this.st.lang}.svg`;
},
},
return `/images/flags/${this.st.lang}.svg`;
},
},
+ methods: {
+ hideDrawer: function(e) {
+ if (e.target.innerText == "Forum")
+ return; //external link
+ e.preventDefault(); //TODO: why is this needed?
+ document.getElementsByClassName("drawer")[0].checked = false;
+ },
+ },
};
</script>
};
</script>
@@
-132,12
+139,13
@@
nav
width: 36px
height: 27px
width: 36px
height: 27px
-// TODO: drawer, until 600px wide OK (seemingly)
-// After, zone where left and right just go on top of another
-// Then, on narrow screen put everything on one line
[type="checkbox"].drawer+*
right: -767px
[type="checkbox"].drawer+*
right: -767px
+#menuBar
+ label.drawer-close
+ top: 50px
+
footer
//background-color: #000033
font-size: 1rem
footer
//background-color: #000033
font-size: 1rem