diff --git a/src/notification/bar.html b/src/notification/bar.html
index 43f56c19dd3..1772389c7cb 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 6798e789bfa..338d3546fed 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 75603d3b075..a5ba203da0b 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) {