StableDiffusion/WebUI
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #2 from w-e-w/badge_style

Browse Source 
remove Badge background and ⚠️ ->📏
This commit is contained in:
Gerschel 2023-02-10 20:44:12 -08:00 committed by GitHub
commit 742d86eed4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
javascript/aspectRatioSliders.js
View File

@ -18,8 +18,8 @@ class AspectRatioSliderController {
} }
//Adjust badge icon if rounding is on //Adjust badge icon if rounding is on
if (this.roundingSource.getVal()) { if (this.roundingSource.getVal()) {
this.roundingIndicatorBadge.classList.add("active"); //this.roundingIndicatorBadge.classList.add("active");
this.roundingIndicatorBadge.innerText = "⚠️"; this.roundingIndicatorBadge.innerText = "📏";
} }
//Make badge clickable to toggle setting //Make badge clickable to toggle setting
this.roundingIndicatorBadge.addEventListener("click", () => { this.roundingIndicatorBadge.addEventListener("click", () => {
@ -28,11 +28,11 @@ class AspectRatioSliderController {
//Make rounding setting toggle badge text and style if setting changes //Make rounding setting toggle badge text and style if setting changes
this.roundingSource.child.addEventListener("change", () => { this.roundingSource.child.addEventListener("change", () => {
if (this.roundingSource.getVal()) { if (this.roundingSource.getVal()) {
this.roundingIndicatorBadge.classList.add("active"); //this.roundingIndicatorBadge.classList.add("active");
this.roundingIndicatorBadge.innerText = "⚠️"; this.roundingIndicatorBadge.innerText = "📏";
} }
else { else {
this.roundingIndicatorBadge.classList.remove("active"); //this.roundingIndicatorBadge.classList.remove("active");
this.roundingIndicatorBadge.innerText = "📐"; this.roundingIndicatorBadge.innerText = "📐";
} }
this.adjustStepSize(); this.adjustStepSize();

2
style.css
View File

@ -776,7 +776,7 @@ footer {
.rounding-badge { .rounding-badge {
display: inline-block; display: inline-block;
border-radius: 0px; border-radius: 0px;
background-color: #ccc; /*background-color: #ccc;*/
cursor: pointer; cursor: pointer;
position: absolute; position: absolute;
top: -10px; top: -10px;