From d495ed6c1f87f6dc34d641bf3a3bae7a9c9c603b Mon Sep 17 00:00:00 2001 From: Daniel James Smith Date: Thu, 28 Oct 2021 23:23:00 +0200 Subject: [PATCH] Handle displaying folder select: small screen vs. un-/locked vault --- src/notification/bar.html | 3 ++- src/notification/bar.js | 1 + src/notification/bar.scss | 9 ++++++++- 3 files changed, 11 insertions(+), 2 deletions(-) diff --git a/src/notification/bar.html b/src/notification/bar.html index 43f56c19dd..1772389c7c 100644 --- a/src/notification/bar.html +++ b/src/notification/bar.html @@ -1,4 +1,4 @@ - + @@ -25,6 +25,7 @@
+
diff --git a/src/notification/bar.js b/src/notification/bar.js index 6798e789bf..338d3546fe 100644 --- a/src/notification/bar.js +++ b/src/notification/bar.js @@ -33,6 +33,7 @@ document.addEventListener('DOMContentLoaded', () => { var selectFolder = document.querySelector('#template-add .select-folder'); selectFolder.setAttribute('aria-label', i18n.folder); + selectFolder.setAttribute('isVaultLocked', isVaultLocked.toString()); var addButton = document.querySelector('#template-add .add-save'); addButton.setAttribute('short-text', i18n.yes); diff --git a/src/notification/bar.scss b/src/notification/bar.scss index 75603d3b07..a5ba203da0 100644 --- a/src/notification/bar.scss +++ b/src/notification/bar.scss @@ -1,4 +1,4 @@ -body { +body { background-color: #ffffff; padding: 0; margin: 0; @@ -76,6 +76,9 @@ button.neutral { } } +.select-folder[isVaultLocked="true"] { + display: none +} @media screen and (min-width: 768px) { .never-save::after { @@ -103,6 +106,10 @@ button.neutral { .change-save::after { content: attr(short-text); } + + .select-folder { + display: none + } } @media (print) {