From 1d3b1ac934e5dacb05d227ddc1ab0cbd8e16e169 Mon Sep 17 00:00:00 2001 From: shpuld Date: Sat, 2 Mar 2019 16:57:32 +0200 Subject: [PATCH 1/8] start working on one tap notifications --- src/App.js | 4 ++++ src/App.scss | 24 +++++++++++++++++++++++- src/App.vue | 8 +++++++- static/font/config.json | 12 ++++++++++++ static/font/css/fontello-codes.css | 2 ++ static/font/css/fontello-embedded.css | 14 ++++++++------ static/font/css/fontello-ie7-codes.css | 2 ++ static/font/css/fontello-ie7.css | 2 ++ static/font/css/fontello.css | 16 +++++++++------- static/font/demo.html | 20 +++++++++++--------- static/font/font/fontello.eot | Bin 17472 -> 18108 bytes static/font/font/fontello.svg | 4 ++++ static/font/font/fontello.ttf | Bin 17304 -> 17940 bytes static/font/font/fontello.woff | Bin 10572 -> 10868 bytes static/font/font/fontello.woff2 | Bin 8932 -> 9212 bytes 15 files changed, 84 insertions(+), 24 deletions(-) diff --git a/src/App.js b/src/App.js index 214e0f48..5e5b6eea 100644 --- a/src/App.js +++ b/src/App.js @@ -26,6 +26,7 @@ export default { }, data: () => ({ mobileActivePanel: 'timeline', + notificationsOpen: false, finderHidden: true, supportsMask: window.CSS && window.CSS.supports && ( window.CSS.supports('mask-size', 'contain') || @@ -101,6 +102,9 @@ export default { }, toggleMobileSidebar () { this.$refs.sideDrawer.toggleDrawer() + }, + toggleMobileNotifications () { + this.notificationsOpen = !this.notificationsOpen } } } diff --git a/src/App.scss b/src/App.scss index 7c6970c1..3edc41a0 100644 --- a/src/App.scss +++ b/src/App.scss @@ -661,6 +661,28 @@ nav { border-radius: var(--inputRadius, $fallback--inputRadius); } +.mobile-notifications { + position: fixed; + width: 100vw; + height: 100vh; + top: 50px; + left: 0; + z-index: 1001; + overflow-x: hidden; + overflow-y: scroll; + transition-property: transform; + transition-duration: 0.35s; + transform: translate(0); + + .notifications { + padding: 0; + } + + &.closed { + transform: translate(100%); + } +} + @keyframes shakeError { 0% { transform: translateX(0); @@ -723,7 +745,7 @@ nav { .login-hint { text-align: center; - + @media all and (min-width: 801px) { display: none; } diff --git a/src/App.vue b/src/App.vue index acbbeb75..aad84804 100644 --- a/src/App.vue +++ b/src/App.vue @@ -10,7 +10,6 @@
-
{{sitename}}
@@ -18,11 +17,18 @@ + + +
+
+
+ +