Disable selection and add cursor: pointer on category headers

This commit is contained in:
somebody
2022-08-21 16:08:49 -05:00
parent 6ba5dfbb7f
commit 0984e5da10
2 changed files with 15 additions and 11 deletions

View File

@@ -1548,7 +1548,11 @@ h2 .material-icons-outlined {
scrollbar-width: thin; scrollbar-width: thin;
} }
.section_header, .help_text { .collapsable_header {
cursor: pointer;
}
.collapsable_header, .section_header, .help_text {
-webkit-touch-callout: none; -webkit-touch-callout: none;
-webkit-user-select: none; -webkit-user-select: none;
-khtml-user-select: none; -khtml-user-select: none;

View File

@@ -86,7 +86,7 @@
<select class="var_sync_model_selected_preset settings_select presets" onchange='sync_to_server(this)'><option>Preset</option></select> <select class="var_sync_model_selected_preset settings_select presets" onchange='sync_to_server(this)'><option>Preset</option></select>
</div> </div>
{% with menu='Settings' %} {% with menu='Settings' %}
<div onclick="toggle_setting_category(this);"> <div class="collapsable_header" onclick="toggle_setting_category(this);">
<h4 style="width:var(--flyout_menu_width);"><span class="material-icons-outlined cursor">expand_more</span> Generation</h4> <h4 style="width:var(--flyout_menu_width);"><span class="material-icons-outlined cursor">expand_more</span> Generation</h4>
</div> </div>
<div class="setting_tile_area"> <div class="setting_tile_area">
@@ -95,7 +95,7 @@
{% endwith %} {% endwith %}
</div> </div>
<div onclick="toggle_setting_category(this);"> <div class="collapsable_header" onclick="toggle_setting_category(this);">
<h4 style="width:var(--flyout_menu_width);"><span class="material-icons-outlined cursor">expand_more</span> Sampling</h4> <h4 style="width:var(--flyout_menu_width);"><span class="material-icons-outlined cursor">expand_more</span> Sampling</h4>
</div> </div>
<span class="help_text">Change how the AI decides what to say.</span> <span class="help_text">Change how the AI decides what to say.</span>
@@ -132,7 +132,7 @@
{% endwith %} {% endwith %}
</div> </div>
<div onclick="toggle_setting_category(this);"> <div class="collapsable_header" onclick="toggle_setting_category(this);">
<h4 style="width:var(--flyout_menu_width);"><span class="material-icons-outlined cursor">expand_more</span> Repetition</h4> <h4 style="width:var(--flyout_menu_width);"><span class="material-icons-outlined cursor">expand_more</span> Repetition</h4>
</div> </div>
<span class="help_text">Change how the AI combats repetition.</span> <span class="help_text">Change how the AI combats repetition.</span>
@@ -142,7 +142,7 @@
{% endwith %} {% endwith %}
</div> </div>
<div onclick="toggle_setting_category(this);"> <div class="collapsable_header" onclick="toggle_setting_category(this);">
<h4 style="width:var(--flyout_menu_width);"><span class="material-icons-outlined cursor">expand_more</span> Other</h4> <h4 style="width:var(--flyout_menu_width);"><span class="material-icons-outlined cursor">expand_more</span> Other</h4>
</div> </div>
<div class="setting_tile_area"> <div class="setting_tile_area">
@@ -151,7 +151,7 @@
{% endwith %} {% endwith %}
</div> </div>
<div onclick="toggle_setting_category(this);"> <div class="collapsable_header" onclick="toggle_setting_category(this);">
<h4 style="width:var(--flyout_menu_width);"><span class="material-icons-outlined cursor">expand_more</span> Modifiers</h4> <h4 style="width:var(--flyout_menu_width);"><span class="material-icons-outlined cursor">expand_more</span> Modifiers</h4>
</div> </div>
<div class="setting_tile_area"> <div class="setting_tile_area">
@@ -174,7 +174,7 @@
</div> </div>
</div> </div>
{% endwith %} {% endwith %}
<div onclick="toggle_setting_category(this);"> <div class="collapsable_header" onclick="toggle_setting_category(this);">
<h4 style="width:var(--flyout_menu_width);"><span class="material-icons-outlined cursor">expand_more</span> Biasing</h4> <h4 style="width:var(--flyout_menu_width);"><span class="material-icons-outlined cursor">expand_more</span> Biasing</h4>
</div> </div>
<span class="help_text">Influence the likelihood for the AI to output certain phrases.</span> <span class="help_text">Influence the likelihood for the AI to output certain phrases.</span>
@@ -187,7 +187,7 @@
</div> </div>
</div> </div>
<div id="setting_menu_interface" class="hidden settings_category_area"> <div id="setting_menu_interface" class="hidden settings_category_area">
<div onclick="toggle_setting_category(this);"> <div class="collapsable_header" onclick="toggle_setting_category(this);">
<h4 style="width:var(--flyout_menu_width);"><span class="material-icons-outlined cursor">expand_more</span> UI</h4> <h4 style="width:var(--flyout_menu_width);"><span class="material-icons-outlined cursor">expand_more</span> UI</h4>
</div> </div>
<div class="setting_tile_area"> <div class="setting_tile_area">
@@ -219,7 +219,7 @@
<span class="setting_maxlabel"><span style="top: -4px; position: relative;"></span></span> <span class="setting_maxlabel"><span style="top: -4px; position: relative;"></span></span>
</div> </div>
</div> </div>
<div onclick="toggle_setting_category(this);"> <div class="collapsable_header" onclick="toggle_setting_category(this);">
<h4 style="width:var(--flyout_menu_width);"><span class="material-icons-outlined cursor">expand_more</span> Theme</h4> <h4 style="width:var(--flyout_menu_width);"><span class="material-icons-outlined cursor">expand_more</span> Theme</h4>
</div> </div>
<div class="setting_tile_area" id="Theme"> <div class="setting_tile_area" id="Theme">
@@ -229,7 +229,7 @@
<option>Darkness</option> <option>Darkness</option>
<option>user</option> <option>user</option>
</select> </select>
<div onclick="toggle_setting_category(this);"> <div class="collapsable_header" onclick="toggle_setting_category(this);">
<h4 style="width:var(--flyout_menu_width);"><span class="material-icons-outlined cursor">expand_more</span> Palette</h4> <h4 style="width:var(--flyout_menu_width);"><span class="material-icons-outlined cursor">expand_more</span> Palette</h4>
</div> </div>
<div class="setting_tile_area" id="Palette"> <div class="setting_tile_area" id="Palette">
@@ -279,7 +279,7 @@
</div> </div>
</div> </div>
<div onclick="toggle_setting_category(this);"> <div class="collapsable_header" onclick="toggle_setting_category(this);">
<h4 style="width:var(--flyout_menu_width);"><span class="material-icons-outlined cursor">expand_more</span> Formatting</h4> <h4 style="width:var(--flyout_menu_width);"><span class="material-icons-outlined cursor">expand_more</span> Formatting</h4>
</div> </div>
<div class="setting_tile_area"> <div class="setting_tile_area">