optimized-react-component-library-xyz123 0.10.9 → 0.10.10
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/css/questions.css +56 -8
package/package.json
CHANGED
package/src/css/questions.css
CHANGED
|
@@ -142,6 +142,56 @@ div.pts-root-question:last-child {
|
|
|
142
142
|
cursor: pointer;
|
|
143
143
|
}
|
|
144
144
|
|
|
145
|
+
/* ---------- DROPDOWN ---------- */
|
|
146
|
+
|
|
147
|
+
/* För inspiration */
|
|
148
|
+
|
|
149
|
+
.pts-dropdown-container {
|
|
150
|
+
margin-bottom: 1.5rem;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.pts-dropdown-container label {
|
|
154
|
+
display: block;
|
|
155
|
+
margin-bottom: 0.5rem;
|
|
156
|
+
font-weight: 500;
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
.pts-dropdown-container select {
|
|
160
|
+
display: block;
|
|
161
|
+
width: 100%;
|
|
162
|
+
padding-right: 2.4em;
|
|
163
|
+
padding-left: 0.6em;
|
|
164
|
+
|
|
165
|
+
border: #747474 1px solid;
|
|
166
|
+
box-shadow: none;
|
|
167
|
+
margin: 0;
|
|
168
|
+
height: 42px;
|
|
169
|
+
|
|
170
|
+
word-wrap: normal;
|
|
171
|
+
|
|
172
|
+
text-transform: none;
|
|
173
|
+
|
|
174
|
+
cursor: pointer;
|
|
175
|
+
|
|
176
|
+
border-radius: 6px;
|
|
177
|
+
|
|
178
|
+
font-family: Arial;
|
|
179
|
+
font-size: 16px;
|
|
180
|
+
|
|
181
|
+
background-image: url(https://dsa.pts.se/images/arrow.svg);
|
|
182
|
+
background-repeat: no-repeat;
|
|
183
|
+
background-position: right 14px center;
|
|
184
|
+
background-size: 1em;
|
|
185
|
+
|
|
186
|
+
-webkit-appearance: none;
|
|
187
|
+
-moz-appearance: none;
|
|
188
|
+
appearance: none;
|
|
189
|
+
|
|
190
|
+
transition:
|
|
191
|
+
border-color 0.15s ease-in-out,
|
|
192
|
+
box-shadow 0.15s ease-in-out;
|
|
193
|
+
}
|
|
194
|
+
|
|
145
195
|
/* ---------- SINGLE CHECKBOX ---------- */
|
|
146
196
|
|
|
147
197
|
.pts-singleCheckbox-row {
|
|
@@ -179,14 +229,13 @@ div.pts-root-question:last-child {
|
|
|
179
229
|
margin-top: 0.2rem;
|
|
180
230
|
}
|
|
181
231
|
|
|
182
|
-
|
|
183
232
|
/*-------- CHECKBOX GROUP-------- */
|
|
184
233
|
|
|
185
|
-
.pts-checkboxGroup-options{
|
|
234
|
+
.pts-checkboxGroup-options {
|
|
186
235
|
display: flex;
|
|
187
236
|
}
|
|
188
237
|
|
|
189
|
-
.pts-checkboxGroup-container input[type='checkbox']{
|
|
238
|
+
.pts-checkboxGroup-container input[type='checkbox'] {
|
|
190
239
|
appearance: none;
|
|
191
240
|
width: 1.8rem;
|
|
192
241
|
height: 1.8rem;
|
|
@@ -204,7 +253,7 @@ div.pts-root-question:last-child {
|
|
|
204
253
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
|
|
205
254
|
}
|
|
206
255
|
|
|
207
|
-
.pts-checkboxGroup-container label{
|
|
256
|
+
.pts-checkboxGroup-container label {
|
|
208
257
|
padding-top: 0.3rem;
|
|
209
258
|
line-height: 20px;
|
|
210
259
|
cursor: pointer;
|
|
@@ -213,7 +262,7 @@ div.pts-root-question:last-child {
|
|
|
213
262
|
|
|
214
263
|
/* ---------- MULTIPLE CHECKBOXES ---------- */
|
|
215
264
|
|
|
216
|
-
.pts-multipleCheckboxes-container input[type='checkbox']{
|
|
265
|
+
.pts-multipleCheckboxes-container input[type='checkbox'] {
|
|
217
266
|
appearance: none;
|
|
218
267
|
width: 1.8rem;
|
|
219
268
|
height: 1.8rem;
|
|
@@ -231,7 +280,7 @@ div.pts-root-question:last-child {
|
|
|
231
280
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
|
|
232
281
|
}
|
|
233
282
|
|
|
234
|
-
.pts-multipleCheckboxes-container label{
|
|
283
|
+
.pts-multipleCheckboxes-container label {
|
|
235
284
|
cursor: pointer;
|
|
236
285
|
margin: 0;
|
|
237
286
|
padding-top: 0.1rem;
|
|
@@ -250,12 +299,11 @@ div.pts-root-question:last-child {
|
|
|
250
299
|
cursor: pointer;
|
|
251
300
|
}
|
|
252
301
|
|
|
253
|
-
.pts-multipleCheckboxes-container li label{
|
|
302
|
+
.pts-multipleCheckboxes-container li label {
|
|
254
303
|
flex: 1;
|
|
255
304
|
margin-top: 0.2rem;
|
|
256
305
|
}
|
|
257
306
|
|
|
258
|
-
|
|
259
307
|
/* ---------- TEXTFIELD / TEXTAREA ABOUT ---------- */
|
|
260
308
|
|
|
261
309
|
.pts-textField-container {
|