diff options
| author | Rubén Rincón Blanco <ruben@rinconblanco.es> | 2022-02-07 07:23:18 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-02-07 07:23:18 +0100 |
| commit | a15d1824443cd9e36b095618bf4c4be6e85734b9 (patch) | |
| tree | 2f034a122d1990f39bea9cab3034255782a03a4b | |
| parent | c60cd70f7e18d4e8229ac7d8e02f86345de84b1d (diff) | |
| download | compiler-explorer-gh-1875.tar.gz compiler-explorer-gh-1875.zip | |
Move each settings category to its own tab (#3329)gh-1875
* Move each settings category to its own tab
* Create new colouring tab
| -rw-r--r-- | views/popups.pug | 66 |
1 files changed, 27 insertions, 39 deletions
diff --git a/views/popups.pug b/views/popups.pug index 4db38148f..84e4e655f 100644 --- a/views/popups.pug +++ b/views/popups.pug @@ -94,12 +94,30 @@ | These settings control how Compiler Explorer acts for you. They are not | preserved as part of shared URLs, and are persisted locally using browser | local storage. - .card.mt-2 - .card-header - .card-title - h4 Site behaviour - .card-body - .form-group(role="group") + ul.nav.nav-tabs.card-header-tabs(role="tablist") + li.nav-item(role="presentation"): a.nav-link.active(href="#colouring" role="tab" data-toggle="tab") Colouring + li.nav-item(role="presentation"): a.nav-link(href="#site-behaviour" role="tab" data-toggle="tab") Site behaviour + li.nav-item(role="presentation"): a.nav-link(href="#keybindings" role="tab" data-toggle="tab") Keybindings + li.nav-item(role="presentation"): a.nav-link(href="#editor" role="tab" data-toggle="tab") Editor + li.nav-item(role="presentation"): a.nav-link(href="#compilation" role="tab" data-toggle="tab") Compilation + .card-body.tab-content + #colouring.tab-pane.active.form-group(role="group") + div + label + | Site theme + select.theme + .checkbox + label + input.colourise(type="checkbox") + | Colourise lines to show how the source maps to the output + .checkbox + label + input.alwaysEnableAllSchemes(type="checkbox") + | Make all colour schemes available regardless of theme + label + | Line highlighting colour scheme + select.colourScheme + #site-behaviour.tab-pane.form-group(role="group") label | Default language small(style="margin-left: 3px") @@ -109,10 +127,6 @@ label input.allowStoreCodeDebug(type="checkbox") | Allow my source code to be temporarily stored for diagnostic purposes in the event of an error - div - label - | Theme - select.theme .checkbox label input.newEditorLastLang(type="checkbox") @@ -121,12 +135,7 @@ label input.enableCommunityAds(type="checkbox") | Show community events - .card.mt-1 - .card-header - .card-title - h4 Keybindings - .card-body - .form-group(role="group") + #keybindings.tab-pane.form-group(role="group") .checkbox label input.useVim(type="checkbox") @@ -154,12 +163,7 @@ | + kbd S | is set to create a short link. - .card.mt-1 - .card-header - .card-title - h4 Editor - .card-body - .form-group(role="group") + #editor.tab-pane.form-group(role="group") div label | Desired Font Family in editors @@ -218,12 +222,7 @@ label input.enableCodeLens(type="checkbox") | Enable CodeLens features (requires refresh to take effect) - .card.mt-1 - .card-header - .card-title - h4 Compilation - .card-body - .form-group(role="group") + #compilation.tab-pane.form-group(role="group") div .checkbox label @@ -240,17 +239,6 @@ b 0.25s input.delay(type="range") b 3s - .checkbox - label - input.colourise(type="checkbox") - | Colourise lines to show how the source maps to the output - .checkbox - label - input.alwaysEnableAllSchemes(type="checkbox") - | Make all colour schemes available regardless of theme - label - | Colour scheme - select.colourScheme .modal-footer button.btn.btn-outline-primary(type="button" data-dismiss="modal") Close |