diff options
| author | Kuuuube <61125188+Kuuuube@users.noreply.github.com> | 2024-06-22 00:39:40 -0400 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-06-22 04:39:40 +0000 |
| commit | 1d8f2f499a71bf528aedb9b0eeeb036340ed85ac (patch) | |
| tree | b1446ae7773ae23546aadb8dea59f6c9a00ad33f /ext/settings.html | |
| parent | a0de1670416b60e3cfa9381ce3dab37e70c1d857 (diff) | |
Cleanup and center custom css modal (#1111)
Diffstat (limited to 'ext/settings.html')
| -rw-r--r-- | ext/settings.html | 43 |
1 files changed, 23 insertions, 20 deletions
diff --git a/ext/settings.html b/ext/settings.html index 94f87148..dfd562a9 100644 --- a/ext/settings.html +++ b/ext/settings.html @@ -2702,29 +2702,32 @@ <!-- Custom CSS modal --> -<div id="custom-css-modal" class="modal modal-left" tabindex="-1" role="dialog" hidden><div class="modal-content-container1"> - <div class="modal-content-container2 modal-content-dimmer"><div class="modal-content"> - <div class="modal-header"> - <div class="modal-title">Custom CSS</div> - <div class="modal-header-button-container"> - <div class="modal-header-button-group"> - <button type="button" class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> - <button type="button" class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> +<div id="custom-css-modal" class="modal modal-left" tabindex="-1" role="dialog" hidden> + <div class="modal-content-container"> + <div class="modal-content-dimmer"></div> + <div class="modal-content"> + <div class="modal-header"> + <div class="modal-title">Custom CSS</div> + <div class="modal-header-button-container"> + <div class="modal-header-button-group"> + <button type="button" class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button> + <button type="button" class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button> + </div> </div> </div> + + <div class="modal-body custom-popup-css-container"> + <div class="custom-popup-css-header">Popup CSS</div> + <textarea class="no-wrap" autocomplete="off" spellcheck="false" id="custom-popup-css" data-setting="general.customPopupCss" data-tab-action="indent,4"></textarea> + <div class="custom-popup-css-header margin-above">Popup outer CSS</div> + <textarea class="no-wrap" autocomplete="off" spellcheck="false" id="custom-popup-outer-css" data-setting="general.customPopupOuterCss" data-tab-action="indent,4"></textarea> + </div> + <div class="modal-footer"> + <button type="button" data-modal-action="hide">Close</button> + </div> </div> - <div class="modal-body custom-popup-css-container"> - <div class="custom-popup-css-header">Popup CSS</div> - <textarea class="no-wrap" autocomplete="off" spellcheck="false" id="custom-popup-css" data-setting="general.customPopupCss" data-tab-action="indent,4"></textarea> - <div class="custom-popup-css-header margin-above">Popup outer CSS</div> - <textarea class="no-wrap" autocomplete="off" spellcheck="false" id="custom-popup-outer-css" data-setting="general.customPopupOuterCss" data-tab-action="indent,4"></textarea> - </div> - <div class="modal-footer"> - <button type="button" data-modal-action="hide">Close</button> - </div> - </div></div> - <div class="modal-content-container1-fade"></div> -</div></div> + </div> +</div> <!-- Audio sources modal --> |