perfect-gui 3.4.2 → 3.4.4
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.
- package/package.json +1 -1
- package/src/styles.js +18 -13
package/package.json
CHANGED
package/src/styles.js
CHANGED
|
@@ -108,6 +108,15 @@ return /* css */`
|
|
|
108
108
|
.p-gui__switch {
|
|
109
109
|
margin-right: 2px;
|
|
110
110
|
margin-left: 2px;
|
|
111
|
+
border: 1px solid rgba(0,0,0,.5);
|
|
112
|
+
border-bottom: 1px solid #00ff89;
|
|
113
|
+
border-radius: 2px;
|
|
114
|
+
background: rgba(0, 0, 0, .3);
|
|
115
|
+
background: linear-gradient(180deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 5%, rgba(0,0,0,0) 95%, rgba(0,0,0,0.3) 100%);
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
.p-gui__button:hover,
|
|
119
|
+
.p-gui__switch:hover {
|
|
111
120
|
background: rgba(0, 0, 0, .3);
|
|
112
121
|
}
|
|
113
122
|
|
|
@@ -172,11 +181,6 @@ return /* css */`
|
|
|
172
181
|
cursor: default;
|
|
173
182
|
}
|
|
174
183
|
|
|
175
|
-
.p-gui__button:hover,
|
|
176
|
-
.p-gui__switch:hover {
|
|
177
|
-
background: rgba(0, 0, 0, .75);
|
|
178
|
-
}
|
|
179
|
-
|
|
180
184
|
.p-gui__switch-checkbox {
|
|
181
185
|
width: 5px;
|
|
182
186
|
height: 5px;
|
|
@@ -225,7 +229,7 @@ return /* css */`
|
|
|
225
229
|
box-sizing: border-box;
|
|
226
230
|
cursor: pointer;
|
|
227
231
|
position: absolute;
|
|
228
|
-
bottom: -5px
|
|
232
|
+
bottom: -4px; /* 5px height -1px de dépassement du curseur */
|
|
229
233
|
right: 0;
|
|
230
234
|
height: 5px;
|
|
231
235
|
width: 100%;
|
|
@@ -234,21 +238,22 @@ return /* css */`
|
|
|
234
238
|
|
|
235
239
|
/* la zone de déplacement */
|
|
236
240
|
.p-gui__slider-ctrl::-webkit-slider-runnable-track {
|
|
237
|
-
height:
|
|
241
|
+
height: 13px;
|
|
238
242
|
border: none;
|
|
239
243
|
border-radius: 0;
|
|
240
244
|
background-color: transparent; /* supprimé définie sur l'input */
|
|
241
245
|
}
|
|
242
246
|
|
|
243
|
-
/*
|
|
247
|
+
/* Curseur */
|
|
244
248
|
.p-gui__slider-ctrl::-webkit-slider-thumb {
|
|
245
249
|
-webkit-appearance: none; /* également nécessaire sur le curseur */
|
|
246
|
-
width:
|
|
247
|
-
height:
|
|
248
|
-
border: none;
|
|
249
|
-
border-radius: 50%; /* pris en compte sur Webkit et Edge */
|
|
250
|
+
width: 15px;
|
|
251
|
+
height: 7px;
|
|
252
|
+
border: none; /* pris en compte sur Webkit et Edge */
|
|
250
253
|
background: white; /* pris en compte sur Webkit only */
|
|
251
|
-
|
|
254
|
+
position: relative;
|
|
255
|
+
top: 3px;
|
|
256
|
+
border-radius: 1px;
|
|
252
257
|
}
|
|
253
258
|
|
|
254
259
|
.p-gui__slider-value,
|