@dashadmin/dash-styles 1.3.56 → 1.3.58
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/card.less +24 -0
package/package.json
CHANGED
package/src/styles/card.less
CHANGED
|
@@ -335,3 +335,27 @@
|
|
|
335
335
|
}
|
|
336
336
|
}
|
|
337
337
|
}
|
|
338
|
+
|
|
339
|
+
/**
|
|
340
|
+
* Drag & drop feedback for SingleImageUploader (dash-admin).
|
|
341
|
+
*
|
|
342
|
+
* Top-level on purpose: `.single-image-uploader` is on every instance whatever
|
|
343
|
+
* its classNamePrefix ('dash-profile', 'default', ...), so this one rule covers
|
|
344
|
+
* the profile avatar, tenant images and any future uploader. The prefix classes
|
|
345
|
+
* own size/shape; this only adds the drop affordance.
|
|
346
|
+
*/
|
|
347
|
+
.single-image-uploader {
|
|
348
|
+
position: relative;
|
|
349
|
+
transition: box-shadow 0.15s ease-in-out, opacity 0.15s ease-in-out;
|
|
350
|
+
|
|
351
|
+
&.is-dragging {
|
|
352
|
+
/* An outline rather than a border: a border would change the box size
|
|
353
|
+
and visibly nudge the circular avatar while dragging over it. */
|
|
354
|
+
outline: 2px dashed var(--primary-contrast, #4caf50);
|
|
355
|
+
outline-offset: 3px;
|
|
356
|
+
|
|
357
|
+
img {
|
|
358
|
+
opacity: 0.55;
|
|
359
|
+
}
|
|
360
|
+
}
|
|
361
|
+
}
|