sensivity 2.5.17 → 2.5.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/public/css/style.css +5 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sensivity",
3
- "version": "2.5.17",
3
+ "version": "2.5.18",
4
4
  "description": "Sensivity Control Panel",
5
5
  "main": "launcher.js",
6
6
  "bin": {
package/public/css/style.css CHANGED
@@ -139,8 +139,9 @@ body {
139
139
  opacity: 0; transition: opacity 0.2s ease;
140
140
  }
141
141
  .tgl .knob {
142
- position: absolute; height: 18px; width: 18px; left: 5px; top: 5px;
142
+ position: absolute; height: 18px; width: 18px; left: 3px; top: 50%;
143
143
  background: #767b94; border-radius: 50%; transition: transform 0.22s cubic-bezier(.4,0,.2,1), background 0.2s ease, box-shadow 0.2s ease;
144
+ transform: translateY(-50%);
144
145
  z-index: 1; box-shadow: 0 2px 6px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.12);
145
146
  }
146
147
  .tgl:hover .track { border-color: #343852; }
@@ -151,7 +152,7 @@ body {
151
152
  .tgl input:checked + .track::before { opacity: 1; }
152
153
  .tgl input:checked + .track .knob,
153
154
  .tgl input:checked ~ .knob {
154
- transform: translateX(18px); background: var(--gold);
155
+ transform: translate(18px, -50%); background: var(--gold);
155
156
  box-shadow: 0 2px 8px #0009, 0 0 10px #f0b90b55, inset 0 1px 0 rgba(255,255,255,.35);
156
157
  }
157
158
  .tgl input:disabled + .track { opacity: 0.4; cursor: not-allowed; }
@@ -341,9 +342,9 @@ body {
341
342
 
342
343
  .tgl { width: 50px; height: 34px; flex-basis: 50px; }
343
344
  .tgl .track { top: 4px; left: 3px; right: 3px; bottom: 4px; }
344
- .tgl .knob { height: 20px; width: 20px; left: 6px; top: 7px; }
345
+ .tgl .knob { height: 20px; width: 20px; left: 3px; top: 50%; }
345
346
  .tgl input:checked + .track .knob,
346
- .tgl input:checked ~ .knob { transform: translateX(18px); }
347
+ .tgl input:checked ~ .knob { transform: translate(18px, -50%); }
347
348
 
348
349
  .rng input[type=range] { width: 70px; height: 6px; }
349
350
  .rng input[type=range]::-webkit-slider-thumb { width: 22px; height: 22px; }