open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

inform about auto-saving

Browse Source
This commit is contained in:
tophf 2021-12-26 12:31:00 +03:00
parent b42da19be5
commit 9e2ceff264
3 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
_locales/en/messages.json
View File

@ -88,6 +88,9 @@
"message": "Author", "message": "Author",
"description": "Label for the style author" "description": "Label for the style author"
}, },
"autosaveNotice": {
"message": "Changes are saved automatically"
},
"backupButtons": { "backupButtons": {
"message": "Backup", "message": "Backup",
"description": "Heading for backup" "description": "Heading for backup"

10
edit/edit.css
View File

@ -792,12 +792,14 @@ body:not(.find-open) [data-match-highlight-count="1"] .CodeMirror-selection-high
} }
#help-popup .buttons { #help-popup .buttons {
text-align: center; display: flex;
justify-content: center;
align-items: center;
margin-top: .75em; margin-top: .75em;
} }
.non-windows #help-popup .buttons { .non-windows #help-popup .buttons {
direction: rtl; direction: rtl;
text-align: right; justify-content: start;
} }
#help-popup button[name^="import"] { #help-popup button[name^="import"] {
line-height: 1.5rem; line-height: 1.5rem;
@ -819,8 +821,8 @@ body:not(.find-open) [data-match-highlight-count="1"] .CodeMirror-selection-high
#help-popup .rules p { #help-popup .rules p {
margin: .25em 0; margin: .25em 0;
} }
#help-popup .buttons button:nth-child(n + 2) { #help-popup .buttons > :nth-child(n + 2) {
margin-left: .5em; margin-inline: .5em 0;
} }
/************ lint ************/ /************ lint ************/

8
edit/settings.js
View File

@ -25,6 +25,7 @@ function StyleSettings() {
ui, ui,
$create('.buttons', [ $create('.buttons', [
$create('button', {onclick: helpPopup.close}, t('confirmClose')), $create('button', {onclick: helpPopup.close}, t('confirmClose')),
createInfo({title: t('autosaveNotice')}),
]), ]),
])); ]));
$('#help-popup').className = 'style-settings-popup'; $('#help-popup').className = 'style-settings-popup';
@ -80,6 +81,13 @@ function StyleSettings() {
}; };
} }
function createInfo(props) {
const info = $('.svg-icon.info').closest('a').cloneNode(true);
info.id = '';
info.dataset.cmd = 'note';
return Object.assign(info, props);
}
function createInput(selector, getter, setter) { function createInput(selector, getter, setter) {
const el = $(selector, ui); const el = $(selector, ui);
el.addEventListener('change', setter); el.addEventListener('change', setter);