Add common togglable class for coloring buttons

59928d37ffdd82b512010c034d4d43e73d1d8bb1

Cohee <18619528+Cohee1207@users.noreply.github.com>

Parents: 1f41124844fde3917595788dcbaf665a8d7a91ce
2 files changed, +5 -7Ignore whitespace
public/index.html+3 -3
@@ -1628,7 +1628,7 @@
1628 </div>1628 </div>
1629 <label id="send_banned_tokens_label" for="send_banned_tokens_textgenerationwebui" class="checkbox_label">1629 <label id="send_banned_tokens_label" for="send_banned_tokens_textgenerationwebui" class="checkbox_label">
1630 <input id="send_banned_tokens_textgenerationwebui" type="checkbox" style="display:none;" />1630 <input id="send_banned_tokens_textgenerationwebui" type="checkbox" style="display:none;" />
1631 <small><i class="fa-solid fa-power-off menu_button margin0"></i></small>1631 <small><i class="fa-solid fa-power-off menu_button togglable margin0"></i></small>
1632 </label>1632 </label>
1633 </div>1633 </div>
1634 <div id="banned_tokens_controls_ooba">1634 <div id="banned_tokens_controls_ooba">
@@ -3534,7 +3534,7 @@
3534 </label>3534 </label>
3535 <label id="instruct_enabled_label"for="instruct_enabled" class="checkbox_label flex1" title="Enable Instruct Mode" data-i18n="[title]instruct_enabled">3535 <label id="instruct_enabled_label"for="instruct_enabled" class="checkbox_label flex1" title="Enable Instruct Mode" data-i18n="[title]instruct_enabled">
3536 <input id="instruct_enabled" type="checkbox" style="display:none;" />3536 <input id="instruct_enabled" type="checkbox" style="display:none;" />
3537 <small><i class="fa-solid fa-power-off menu_button margin0"></i></small>3537 <small><i class="fa-solid fa-power-off menu_button togglable margin0"></i></small>
3538 </label>3538 </label>
3539 </div>3539 </div>
3540 </h4>3540 </h4>
@@ -3712,7 +3712,7 @@
3712 <div class="flex-container">3712 <div class="flex-container">
3713 <label id="sysprompt_enabled_label" for="sysprompt_enabled" class="checkbox_label flex1" title="Enable System Prompt" data-i18n="[title]sysprompt_enabled">3713 <label id="sysprompt_enabled_label" for="sysprompt_enabled" class="checkbox_label flex1" title="Enable System Prompt" data-i18n="[title]sysprompt_enabled">
3714 <input id="sysprompt_enabled" type="checkbox" style="display:none;" />3714 <input id="sysprompt_enabled" type="checkbox" style="display:none;" />
3715 <small><i class="fa-solid fa-power-off menu_button margin0"></i></small>3715 <small><i class="fa-solid fa-power-off menu_button togglable margin0"></i></small>
3716 </label>3716 </label>
3717 </div>3717 </div>
3718 </h4>3718 </h4>
public/style.css+2 -4
@@ -2879,10 +2879,8 @@ select option:not(:checked) {
2879 color: var(--active) !important;2879 color: var(--active) !important;
2880}2880}
28812881
2882#instruct_enabled_label .menu_button:not(.toggleEnabled),2882.menu_button.togglable:not(.toggleEnabled) {
2883#sysprompt_enabled_label .menu_button:not(.toggleEnabled),2883 color: red;
2884#send_banned_tokens_label .menu_button:not(.toggleEnabled) {
2885 color: Red;
2886}2884}
28872885
2888.displayBlock {2886.displayBlock {