sensivity 2.5.18 → 2.5.19

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 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sensivity",
3
- "version": "2.5.18",
3
+ "version": "2.5.19",
4
4
  "description": "Sensivity Control Panel",
5
5
  "main": "launcher.js",
6
6
  "bin": {
package/public/css/style.css CHANGED
@@ -129,6 +129,7 @@ body {
129
129
  .tgl input { opacity: 0; width: 0; height: 0; }
130
130
  .tgl .track {
131
131
  position: absolute; cursor: pointer; top: 2px; left: 2px; right: 2px; bottom: 2px;
132
+ display: flex; align-items: center; padding: 0 3px;
132
133
  background: #151625; border-radius: 999px; transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
133
134
  border: 1px solid #262942; overflow: hidden;
134
135
  box-shadow: inset 0 1px 2px rgba(0,0,0,.45);
@@ -139,9 +140,8 @@ body {
139
140
  opacity: 0; transition: opacity 0.2s ease;
140
141
  }
141
142
  .tgl .knob {
142
- position: absolute; height: 18px; width: 18px; left: 3px; top: 50%;
143
+ position: relative; height: 18px; width: 18px; flex: 0 0 18px;
143
144
  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%);
145
145
  z-index: 1; box-shadow: 0 2px 6px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.12);
146
146
  }
147
147
  .tgl:hover .track { border-color: #343852; }
@@ -152,7 +152,7 @@ body {
152
152
  .tgl input:checked + .track::before { opacity: 1; }
153
153
  .tgl input:checked + .track .knob,
154
154
  .tgl input:checked ~ .knob {
155
- transform: translate(18px, -50%); background: var(--gold);
155
+ transform: translateX(18px); background: var(--gold);
156
156
  box-shadow: 0 2px 8px #0009, 0 0 10px #f0b90b55, inset 0 1px 0 rgba(255,255,255,.35);
157
157
  }
158
158
  .tgl input:disabled + .track { opacity: 0.4; cursor: not-allowed; }
@@ -342,9 +342,9 @@ body {
342
342
 
343
343
  .tgl { width: 50px; height: 34px; flex-basis: 50px; }
344
344
  .tgl .track { top: 4px; left: 3px; right: 3px; bottom: 4px; }
345
- .tgl .knob { height: 20px; width: 20px; left: 3px; top: 50%; }
345
+ .tgl .knob { height: 20px; width: 20px; flex-basis: 20px; }
346
346
  .tgl input:checked + .track .knob,
347
- .tgl input:checked ~ .knob { transform: translate(18px, -50%); }
347
+ .tgl input:checked ~ .knob { transform: translateX(18px); }
348
348
 
349
349
  .rng input[type=range] { width: 70px; height: 6px; }
350
350
  .rng input[type=range]::-webkit-slider-thumb { width: 22px; height: 22px; }