edit_bot: Fix dropdown username capitalization.

Restructured dropdown_list_widget template to unwrap label tag
from the control group, hence defaulting the edit_bot
dropdown items to their original text size.
This commit is contained in:
aryanshridhar 2021-03-30 00:35:05 +05:30 committed by Tim Abbott
parent e12f682e2e
commit 134a6f8bba
2 changed files with 23 additions and 18 deletions

View File

@ -852,6 +852,11 @@ input[type="checkbox"] {
.buttons { .buttons {
margin: 10px 0 5px 0; margin: 10px 0 5px 0;
} }
button.dropdown-toggle {
font-weight: 600;
color: hsl(0, 0%, 67%);
}
} }
.edit_bot_email { .edit_bot_email {

View File

@ -1,22 +1,22 @@
<div class="input-group dropdown-list-widget" id="{{widget_name}}_widget"> <div class="input-group dropdown-list-widget" id="{{widget_name}}_widget">
<label for="{{widget_name}}" id="{{widget_name}}_label" class="inline-block"> <span class="{{widget_name}}_setting dropup actual-dropdown-menu prop-element" id="id_{{widget_name}}"
{{ label }} name="{{widget_name}}" aria-labelledby="{{widget_name}}_label">
<span class="{{widget_name}}_setting dropup actual-dropdown-menu prop-element" id="id_{{widget_name}}" <label for="{{widget_name}}" id="{{widget_name}}_label" class="inline-block">
name="{{widget_name}}" aria-labelledby="{{widget_name}}_label"> {{ label }}
<button class="button small rounded dropdown-toggle" data-toggle="dropdown"> </label>
<span id="{{widget_name}}_name"></span> <button class="button small rounded dropdown-toggle" data-toggle="dropdown">
<i class="fa fa-pencil"></i> <span id="{{widget_name}}_name"></span>
</button> <i class="fa fa-pencil"></i>
<ul class="dropdown-menu modal-bg" role="menu"> </button>
<li class="dropdown-search" role="presentation"> <ul class="dropdown-menu modal-bg" role="menu">
<input class="no-input-change-detection" type="text" role="menuitem" placeholder="{{list_placeholder}}" autofocus/> <li class="dropdown-search" role="presentation">
</li> <input class="no-input-change-detection" type="text" role="menuitem" placeholder="{{list_placeholder}}" autofocus/>
<div class="dropdown-list-wrapper" data-simplebar> </li>
<span class="dropdown-list-body"></span> <div class="dropdown-list-wrapper" data-simplebar>
</div> <span class="dropdown-list-body"></span>
</ul> </div>
</span> </ul>
</label> </span>
<button class="button small dropdown_list_reset_button"> <button class="button small dropdown_list_reset_button">
<a>{{reset_button_text}}</a> <a>{{reset_button_text}}</a>
</button> </button>