From bf0b68d794a0ce52d0a49ca503f48299cfceeeea Mon Sep 17 00:00:00 2001 From: Roman Timashev Date: Sat, 28 Oct 2017 15:55:16 +0300 Subject: [PATCH] [www] HMenu updated for works fine on Safari --- src/public/app.js | 6 ++++++ src/style/hmenu.scss | 15 ++++++++++++--- 2 files changed, 18 insertions(+), 3 deletions(-) diff --git a/src/public/app.js b/src/public/app.js index 60c666a0..df274137 100644 --- a/src/public/app.js +++ b/src/public/app.js @@ -42,6 +42,10 @@ function openMenu(element) { element.classList.remove('HMenu--closed') element.classList.add('HMenu--open') + setTimeout(() => { + document.querySelector('main').style.display = 'none' + }, 100) + return element } @@ -50,6 +54,8 @@ function closeMenu(element) { element.classList.remove('HMenu--open') element.classList.add('HMenu--closed') + document.querySelector('main').style.display = 'block' + return element } diff --git a/src/style/hmenu.scss b/src/style/hmenu.scss index d866afbf..9d57ca94 100644 --- a/src/style/hmenu.scss +++ b/src/style/hmenu.scss @@ -14,13 +14,23 @@ $hmenu-icon-height: 32px; align-items: center; width: 100%; - height: 100%; + //height: 100%; position: relative; list-style: none; } +.HMenu a { + &:visited { + color: inherit; + } +} + +.HMenu.HMenu--folded { + height: 100%; +} + .HMenu--folded.HMenu--closed { li { margin: 0; @@ -128,8 +138,7 @@ $hmenu-icon-height: 32px; top: 0; left: 0; - //background-color: rgba(169, 144, 97, 0.95); - background-color: rgba(255, 255, 255, 0.95); + background-color: #ffffff; flex-direction: column; text-align: center;