michael/stable-diffusion-webui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 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
if (this.roundingSource.getVal()) {
this.roundingIndicatorBadge.classList.add("active");
this.roundingIndicatorBadge.innerText = "⚠️";
//this.roundingIndicatorBadge.classList.add("active");
this.roundingIndicatorBadge.innerText = "📏";
}
//Make badge clickable to toggle setting
this.roundingIndicatorBadge.addEventListener("click", () => {
@ -28,11 +28,11 @@ class AspectRatioSliderController {
//Make rounding setting toggle badge text and style if setting changes
this.roundingSource.child.addEventListener("change", () => {
if (this.roundingSource.getVal()) {
this.roundingIndicatorBadge.classList.add("active");
this.roundingIndicatorBadge.innerText = "⚠️";
//this.roundingIndicatorBadge.classList.add("active");
this.roundingIndicatorBadge.innerText = "📏";
}
else {
this.roundingIndicatorBadge.classList.remove("active");
//this.roundingIndicatorBadge.classList.remove("active");
this.roundingIndicatorBadge.innerText = "📐";
}
this.adjustStepSize();

2
style.css
View file

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