Handle displaying folder select: small screen vs. un-/locked vault
This commit is contained in:
parent
da80904d54
commit
d495ed6c1f
|
@ -1,4 +1,4 @@
|
|||
<!DOCTYPE html>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
@ -25,6 +25,7 @@
|
|||
<div class="add-text"></div>
|
||||
<div class="add-buttons">
|
||||
<button type="button" class="never-save link " short-text="" full-text=""></button>
|
||||
<select class="select-folder" isVaultLocked="false"></select>
|
||||
<button type="button" class="add-save" short-text="" full-text=""></button>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -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);
|
||||
|
|
|
@ -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) {
|
||||
|
|
Loading…
Reference in New Issue