diff options
Diffstat (limited to 'public/options')
| -rw-r--r-- | public/options/options.css | 12 | ||||
| -rw-r--r-- | public/options/options.html | 94 |
2 files changed, 93 insertions, 13 deletions
diff --git a/public/options/options.css b/public/options/options.css index 4ff811de..13cad69d 100644 --- a/public/options/options.css +++ b/public/options/options.css @@ -717,4 +717,16 @@ svg { .dearrow-link > img { width: 40px; margin-right: 4px; +} + +.dearrow-link .close-button { + opacity: 0; + width: 15px; + filter: invert(0.3); + transition: opacity 0.2s; + margin-left: 10px; +} + +.dearrow-link:hover .close-button { + opacity: 1; }
\ No newline at end of file diff --git a/public/options/options.html b/public/options/options.html index 5e9f32de..b9258f33 100644 --- a/public/options/options.html +++ b/public/options/options.html @@ -75,6 +75,8 @@ <span class="promotion-description"> __MSG_DeArrowPromotionMessage__ </span> + + <img src="/icons/close.png" class="close-button"/> </a> </div> @@ -217,20 +219,22 @@ __MSG_showSkipNotice__ </label> </div> - </div> - - <div data-type="selector" data-sync="noticeVisibilityMode"> - <label class="optionLabel" for="noticeVisibilityMode">__MSG_noticeVisibilityLabel__:</label> - <select id="noticeVisibilityMode" class="selector-element optionsSelector" > - <option value="0">__MSG_noticeVisibilityMode0__</option> - <option value="1">__MSG_noticeVisibilityMode1__</option> - <option value="2">__MSG_noticeVisibilityMode2__</option> - <option value="3">__MSG_noticeVisibilityMode3__</option> - <option value="4">__MSG_noticeVisibilityMode4__</option> - </select> + <div data-type="selector" data-sync="noticeVisibilityMode" data-dependent-on="dontShowNotice"> + <br/> + + <label class="optionLabel" for="noticeVisibilityMode">__MSG_noticeVisibilityLabel__:</label> + + <select id="noticeVisibilityMode" class="selector-element optionsSelector" > + <option value="0">__MSG_noticeVisibilityMode0__</option> + <option value="1">__MSG_noticeVisibilityMode1__</option> + <option value="2">__MSG_noticeVisibilityMode2__</option> + <option value="3">__MSG_noticeVisibilityMode3__</option> + <option value="4">__MSG_noticeVisibilityMode4__</option> + </select> + </div> </div> - + <div data-type="toggle" data-sync="showCategoryGuidelines"> <div class="switch-container"> <label class="switch"> @@ -357,6 +361,18 @@ <div class="small-description">__MSG_showTimeWithSkipsDescription__</div> </div> + <div data-type="toggle" data-sync="cleanPopup" data-no-safari="true"> + <div class="switch-container"> + <label class="switch"> + <input id="cleanPopup" type="checkbox" checked> + <span class="slider round"></span> + </label> + <label class="switch-label" for="cleanPopup"> + __MSG_cleanPopup__ + </label> + </div> + </div> + <div data-type="toggle" data-sync="darkMode"> <div class="switch-container"> <label class="switch"> @@ -419,12 +435,27 @@ <div class="inline"></div> </div> + <div data-type="keybind-change" data-sync="closeSkipNoticeKeybind"> + <label class="optionLabel">__MSG_setCloseSkipNoticeKeybind__:</label> + <div class="inline"></div> + </div> + <div data-type="keybind-change" data-sync="startSponsorKeybind"> <label class="optionLabel">__MSG_setStartSponsorShortcut__:</label> <div class="inline"></div> </div> <div data-type="keybind-change" data-sync="submitKeybind"> + <label class="optionLabel">__MSG_setOpenSubmissionMenuKeybind__:</label> + <div class="inline"></div> + </div> + + <div data-type="keybind-change" data-sync="previewKeybind"> + <label class="optionLabel">__MSG_setPreviewKeybind__:</label> + <div class="inline"></div> + </div> + + <div data-type="keybind-change" data-sync="actuallySubmitKeybind"> <label class="optionLabel">__MSG_setSubmitKeybind__:</label> <div class="inline"></div> </div> @@ -488,6 +519,31 @@ </div> </div> + <div data-type="private-text-change" data-sync-type="local" data-sync="*" data-confirm-message="exportOptionsWarning"> + <h2>__MSG_exportOtherData__</h2> + + <div> + <div class="option-button trigger-button inline"> + __MSG_exportOptionsCopy__ + </div> + <div class="option-button download-button inline"> + __MSG_exportOptionsDownload__ + </div> + <label for="importLocalOptions" class="option-button inline"> + __MSG_exportOptionsUpload__ + </label> + <input id="importLocalOptions" type="file" class="upload-button hidden" /> + </div> + + <div class="option-hidden-section hidden spacing indent"> + <textarea class="option-text-box" rows="10" style="width:80%"></textarea> + + <div class="option-button text-change-set"> + __MSG_setOptions__ + </div> + </div> + </div> + <div data-type="button-press" data-sync="resetToDefault" data-confirm-message="confirmResetToDefault"> <div class="option-button trigger-button"> __MSG_resetToDefault__ @@ -580,7 +636,19 @@ <div class="small-description">__MSG_whatTrackDownvotes__</div> </div> - + + <div data-type="toggle" data-sync="trackDownvotesInPrivate" data-confirm-on="false"> + <div class="switch-container"> + <label class="switch"> + <input id="trackDownvotesInPrivate" type="checkbox" checked> + <span class="slider round"></span> + </label> + <label class="switch-label" for="trackDownvotesInPrivate"> + __MSG_enableTrackDownvotesInPrivate__ + </label> + </div> + </div> + <div data-type="button-press" data-sync="copyDebugInformation" data-confirm-message="copyDebugInformation"> <div class="option-button trigger-button"> __MSG_copyDebugInformation__ |