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

Make edit help modals match manage help modals

Browse Source
This commit is contained in:
Rob Garrison 2018-01-15 19:50:18 -06:00
parent 26dbe6d0f5
commit a52ea871f8
2 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
edit/edit.css
View File

@ -467,7 +467,7 @@ html:not(.usercss) .applies-to li:last-child .add-applies-to {
#help-popup {
top: 3rem;
right: 3rem;
max-width: 50vw;
max-width: 26rem;
position: fixed;
display: none;
background-color: white;
@ -489,6 +489,7 @@ html:not(.usercss) .applies-to li:last-child .add-applies-to {
}
#help-popup .title {
font-weight: bold;
font-size: 1rem;
background-color: rgba(0,0,0,0.05);
margin: -0.5rem -0.5rem 0.5rem;
padding: .5rem 32px .5rem .5rem;
@ -497,6 +498,10 @@ html:not(.usercss) .applies-to li:last-child .add-applies-to {
max-height: calc(100vh - 8rem);
overflow-y: auto;
}
#help-popup.info .contents {
padding: 1.5rem .75rem;
}
#help-popup .settings {
min-width: 500px;
min-height: 200px;

10
edit/edit.js
View File

@ -516,22 +516,22 @@ function fromMozillaFormat() {
function showSectionHelp(event) {
event.preventDefault();
showHelp(t('styleSectionsTitle'), t('sectionHelp'));
showHelp(t('styleSectionsTitle'), t('sectionHelp'), 'info');
}
function showAppliesToHelp(event) {
event.preventDefault();
showHelp(t('appliesLabel'), t('appliesHelp'));
showHelp(t('appliesLabel'), t('appliesHelp'), 'info');
}
function showToMozillaHelp(event) {
event.preventDefault();
showHelp(t('styleMozillaFormatHeading'), t('styleToMozillaFormatHelp'));
showHelp(t('styleMozillaFormatHeading'), t('styleToMozillaFormatHelp'), 'info');
}
function showHelp(title = '', body) {
function showHelp(title = '', body, className = '') {
const div = $('#help-popup');
div.className = '';
div.className = className;
const contents = $('.contents', div);
contents.textContent = '';