holm/easydiffusion
1
0
Fork 0
forked from extern/easydiffusion
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix 'Swap w&h' tooltip

Browse Source
This commit is contained in:
JeLuF 2023-09-24 22:06:30 +02:00
parent b71b7804fc
commit cc2666b9d6
2 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/index.html
View File

@ -291,7 +291,9 @@
<option value="2048">2048</option> <option value="2048">2048</option>
</select> </select>
<label id="widthLabel" for="width"><small><span>(width)</span></small></label> <label id="widthLabel" for="width"><small><span>(width)</span></small></label>
<span id="swap-width-height" class="clickable smallButton" style="margin-left: 2px; margin-right:2px;"><i class="fa-solid fa-right-left"><span class="simple-tooltip top-left"> Swap width and height </span></i></span> <div class="tooltip-container">
<span id="swap-width-height" class="clickable smallButton" style="margin-left: 2px; margin-right:2px;"><i class="fa-solid fa-right-left"><span class="simple-tooltip top-left"> Swap width and height </span></i></span>
</div>
<select id="height" name="height" value="512"> <select id="height" name="height" value="512">
<option value="128">128</option> <option value="128">128</option>
<option value="192">192</option> <option value="192">192</option>

8
ui/media/css/main.css
View File

@ -1214,6 +1214,12 @@ input::file-selector-button {
visibility: visible; visibility: visible;
} }
} }
.tooltip-container {
display: inline-block;
position: relative;
}
.simple-tooltip.right { .simple-tooltip.right {
right: 0px; right: 0px;
top: 50%; top: 50%;
@ -2033,4 +2039,4 @@ div#enlarge-buttons {
border-radius: 4pt; border-radius: 4pt;
padding-top: 6pt; padding-top: 6pt;
color: var(--small-label-color); color: var(--small-label-color);
} }