added style for select
This commit is contained in:
parent
e975598a40
commit
c0a645b4e5
6 changed files with 268 additions and 24 deletions
|
|
@ -415,10 +415,15 @@ var appearanceSettings = `
|
|||
<herotitle><blah>title.appearance</blah></herotitle>
|
||||
<br>
|
||||
<div class="input-group">
|
||||
<label for="settings-language"><blah>title.language</blah></label>
|
||||
<select id="settings-language" onchange="changeLanguage(this.value)" style="border-radius: 0.8rem; background-color: rgba(255, 255, 255, 0.05); margin: var(--button-margin); padding: var(--button-margin); padding-left: calc(var(--button-margin) * 2); padding-right: 1.5rem; height: var(--button-height); display: flex; cursor: pointer; align-items: center; justify-content: flex-start; border: var(--border-width) solid var(--light-border-color); color: var(--text-color); font-family: inherit; font-size: inherit; appearance: none; outline: none;">
|
||||
<option value="" class="blah">title.loading</option>
|
||||
</select>
|
||||
<label><blah>title.language</blah></label>
|
||||
<div class="custom-select" id="settings-language">
|
||||
<div class="custom-select-value" onclick="this.parentElement.classList.toggle('open')">
|
||||
<span id="settings-language-display" class="blah">title.loading</span>
|
||||
${ICONS.chevronDown({ className: "chevron", style: "width: 1.2rem; height: 1.2rem; opacity: 0.7;" })}
|
||||
</div>
|
||||
<div class="custom-select-options" id="settings-language-options">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
`;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue