Adds setting for controlling the outer style of the popup

This commit is contained in:
toasted-nutbread 2019-10-13 11:05:21 -04:00
parent 118f200500
commit 3272948284
4 changed files with 16 additions and 4 deletions

View File

@ -128,7 +128,8 @@
content: counter(audio-source-id); content: counter(audio-source-id);
} }
#custom-popup-css { #custom-popup-css,
#custom-popup-outer-css {
width: 100%; width: 100%;
min-height: 34px; min-height: 34px;
height: 96px; height: 96px;

View File

@ -278,7 +278,8 @@ function profileOptionsCreateDefaults() {
mainDictionary: '', mainDictionary: '',
popupTheme: 'default', popupTheme: 'default',
popupOuterTheme: 'default', popupOuterTheme: 'default',
customPopupCss: '' customPopupCss: '',
customPopupOuterCss: ''
}, },
audio: { audio: {

View File

@ -42,6 +42,7 @@ async function formRead(options) {
options.general.popupTheme = $('#popup-theme').val(); options.general.popupTheme = $('#popup-theme').val();
options.general.popupOuterTheme = $('#popup-outer-theme').val(); options.general.popupOuterTheme = $('#popup-outer-theme').val();
options.general.customPopupCss = $('#custom-popup-css').val(); options.general.customPopupCss = $('#custom-popup-css').val();
options.general.customPopupOuterCss = $('#custom-popup-outer-css').val();
options.audio.enabled = $('#audio-playback-enabled').prop('checked'); options.audio.enabled = $('#audio-playback-enabled').prop('checked');
options.audio.autoPlay = $('#auto-play-audio').prop('checked'); options.audio.autoPlay = $('#auto-play-audio').prop('checked');
@ -112,6 +113,7 @@ async function formWrite(options) {
$('#popup-theme').val(options.general.popupTheme); $('#popup-theme').val(options.general.popupTheme);
$('#popup-outer-theme').val(options.general.popupOuterTheme); $('#popup-outer-theme').val(options.general.popupOuterTheme);
$('#custom-popup-css').val(options.general.customPopupCss); $('#custom-popup-css').val(options.general.customPopupCss);
$('#custom-popup-outer-css').val(options.general.customPopupOuterCss);
$('#audio-playback-enabled').prop('checked', options.audio.enabled); $('#audio-playback-enabled').prop('checked', options.audio.enabled);
$('#auto-play-audio').prop('checked', options.audio.autoPlay); $('#auto-play-audio').prop('checked', options.audio.autoPlay);

View File

@ -252,9 +252,17 @@
</div> </div>
<div class="form-group options-advanced"> <div class="form-group options-advanced">
<div class="row">
<div class="col-xs-6">
<label for="custom-popup-css">Custom popup CSS</label> <label for="custom-popup-css">Custom popup CSS</label>
<div><textarea autocomplete="off" spellcheck="false" wrap="soft" id="custom-popup-css" class="form-control"></textarea></div> <div><textarea autocomplete="off" spellcheck="false" wrap="soft" id="custom-popup-css" class="form-control"></textarea></div>
</div> </div>
<div class="col-xs-6">
<label for="custom-popup-outer-css">Custom popup outer CSS</label>
<div><textarea autocomplete="off" spellcheck="false" wrap="soft" id="custom-popup-outer-css" class="form-control"></textarea></div>
</div>
</div>
</div>
<div class="form-group ignore-form-changes" style="display: none;" id="settings-popup-preview-settings"> <div class="form-group ignore-form-changes" style="display: none;" id="settings-popup-preview-settings">
<label for="settings-popup-preview-text">Popup preview text</label> <label for="settings-popup-preview-text">Popup preview text</label>