dcp-client 5.6.2 → 5.7.0
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/assets/dcp-modal.css
CHANGED
|
@@ -169,6 +169,14 @@ DIALOG#dcp-modal.dcp-modal-upload #dcp-modal-icon {
|
|
|
169
169
|
background-image: url('/dcp-client/assets/lucide/hard-drive-upload.svg');
|
|
170
170
|
}
|
|
171
171
|
|
|
172
|
+
/**
|
|
173
|
+
* Error bodies use pre-line so that error messages rendered for the console, e.g. the module stack from
|
|
174
|
+
* MODULE_NOT_FOUND, render reasonably in the browser.
|
|
175
|
+
*/
|
|
176
|
+
DIALOG .dcp-dom-tk-error-body {
|
|
177
|
+
white-space: pre-line;
|
|
178
|
+
}
|
|
179
|
+
|
|
172
180
|
/**
|
|
173
181
|
* Stack is hidden by default; clicking on the bug icon toggles the show-toggle attribute
|
|
174
182
|
*/
|
|
@@ -324,9 +332,13 @@ DIALOG#dcp-modal.dcp-modal-upload[drag-state="invalid"] #dcp-modal-icon {
|
|
|
324
332
|
* Password dialogs can have one or two label+input divs, depending on need (enter vs create).
|
|
325
333
|
*/
|
|
326
334
|
DIALOG#dcp-modal:has(#dcp-modal-password-prompt) {
|
|
327
|
-
max-width:
|
|
335
|
+
max-width: 95%;
|
|
336
|
+
min-width: 300px;
|
|
337
|
+
width: fit-content;
|
|
338
|
+
|
|
328
339
|
INPUT[type] {
|
|
329
340
|
max-width: 50em;
|
|
341
|
+
min-width: 150px;
|
|
330
342
|
}
|
|
331
343
|
|
|
332
344
|
LABEL {
|
|
@@ -345,6 +357,10 @@ DIALOG#dcp-modal:has(#dcp-modal-password-prompt) {
|
|
|
345
357
|
flex-wrap: nowrap;
|
|
346
358
|
justify-content: flex-start;
|
|
347
359
|
|
|
360
|
+
DIV:has(INPUT) {
|
|
361
|
+
width: 100%;
|
|
362
|
+
}
|
|
363
|
+
|
|
348
364
|
& > DIV {
|
|
349
365
|
display: flex;
|
|
350
366
|
flex-grow: 1;
|
|
@@ -366,7 +382,7 @@ DIALOG#dcp-modal:has(#dcp-modal-password-prompt) {
|
|
|
366
382
|
DIALOG#dcp-modal DIV#dcp-modal-password-prompt,
|
|
367
383
|
DIALOG#dcp-modal DIV#dcp-modal-password-confirm-prompt {
|
|
368
384
|
/**
|
|
369
|
-
* INPUT[type="text"].
|
|
385
|
+
* INPUT[type="text"].dcp-show-eye is a password-like element with an eye icon that toggles password
|
|
370
386
|
* visibility. Visibility toggling happens by adding/removing the 'obscured' attribute.
|
|
371
387
|
*/
|
|
372
388
|
INPUT[type="text"].dcp-show-eye[obscured] {
|