Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Contribute to GitLab
Sign in / Register
Toggle navigation
S
stable-diffusion-webui
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Administrator
stable-diffusion-webui
Commits
742d86ee
Unverified
Commit
742d86ee
authored
Feb 11, 2023
by
Gerschel
Committed by
GitHub
Feb 11, 2023
Browse files
Options
Browse Files
Download
Plain Diff
Merge pull request #2 from w-e-w/badge_style
remove Badge background and
⚠
️ ->
📏
parents
374fe636
b313221c
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
6 additions
and
6 deletions
+6
-6
aspectRatioSliders.js
javascript/aspectRatioSliders.js
+5
-5
style.css
style.css
+1
-1
No files found.
javascript/aspectRatioSliders.js
View file @
742d86ee
...
@@ -18,8 +18,8 @@ class AspectRatioSliderController {
...
@@ -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 {
...
@@ -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
();
...
...
style.css
View file @
742d86ee
...
@@ -776,7 +776,7 @@ footer {
...
@@ -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
;
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment