Octavia/odin-etch-a-sketch
Watch
1
0
Fork
You've already forked odin-etch-a-sketch
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Limit range to avoid firefox rendering issues, remove knotch shadow

Browse source
This commit is contained in:
lolabird 2023-11-12 16:00:00 -07:00
commit e486ebd344
2 changed files with 1 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
index.html
View file

@ -39,7 +39,7 @@
<div class="grid-tools"> <div class="grid-tools">
<div class="slider"> <div class="slider">
<label class="sub-labels" for="gridSlider">Grid Size: <span id="sliderLabel"></span></label> <label class="sub-labels" for="gridSlider">Grid Size: <span id="sliderLabel"></span></label>
<input name="gridSlider" id="gridSlider" type="range" min="1" max="100" value="16"> <input name="gridSlider" id="gridSlider" type="range" min="1" max="60" value="16">
<div class="knob-container"> <div class="knob-container">
<div class="knob" id="range-knob"> <div class="knob" id="range-knob">
<div class="knotch" id="range-knotch"></div> <div class="knotch" id="range-knotch"></div>

2
style.css
View file

@ -170,12 +170,10 @@ button {
border-radius: 50%; border-radius: 50%;
cursor: pointer; cursor: pointer;
background: #111; background: #111;
box-shadow: 1px 2px 1px 1px #555;
position: relative; position: relative;
top: 15%; top: 15%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
box-shadow: 1px 1px 1px #555;
} }
.knobless-grid-tools { .knobless-grid-tools {