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;
}
.section_header, .help_text {
.collapsable_header {
cursor: pointer;
}
.collapsable_header, .section_header, .help_text {
-webkit-touch-callout: none;
-webkit-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>
</div>
{% 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>
</div>
<div class="setting_tile_area">
@@ -95,7 +95,7 @@
{% endwith %}
</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>
</div>
<span class="help_text">Change how the AI decides what to say.</span>
@@ -132,7 +132,7 @@
{% endwith %}
</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>
</div>
<span class="help_text">Change how the AI combats repetition.</span>
@@ -142,7 +142,7 @@
{% endwith %}
</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>
</div>
<div class="setting_tile_area">
@@ -151,7 +151,7 @@
{% endwith %}
</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>
</div>
<div class="setting_tile_area">
@@ -174,7 +174,7 @@
</div>
</div>
{% 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>
</div>
<span class="help_text">Influence the likelihood for the AI to output certain phrases.</span>
@@ -187,7 +187,7 @@
</div>
</div>
<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>
</div>
<div class="setting_tile_area">
@@ -219,7 +219,7 @@
<span class="setting_maxlabel"><span style="top: -4px; position: relative;"></span></span>
</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>
</div>
<div class="setting_tile_area" id="Theme">
@@ -229,7 +229,7 @@
<option>Darkness</option>
<option>user</option>
</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>
</div>
<div class="setting_tile_area" id="Palette">
@@ -279,7 +279,7 @@
</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>
</div>
<div class="setting_tile_area">