@redseed/redseed-ui-tailwindcss 7.21.0 → 7.22.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.
|
@@ -49,14 +49,31 @@
|
|
|
49
49
|
@apply grid-cols-1;
|
|
50
50
|
}
|
|
51
51
|
|
|
52
|
+
/* Reorderable: add padding to cards to make room for the drag handle */
|
|
53
|
+
.rsui-card-group--handle-left .rsui-card-group__cards > * {
|
|
54
|
+
@apply pl-8;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.rsui-card-group--handle-right .rsui-card-group__cards > * {
|
|
58
|
+
@apply pr-8;
|
|
59
|
+
}
|
|
60
|
+
|
|
52
61
|
/* Reorderable: drag handle and drag states */
|
|
53
62
|
.rsui-card-group__drag-handle {
|
|
54
|
-
@apply absolute
|
|
63
|
+
@apply absolute p-2 rounded cursor-grab text-grey-400 hover:text-grey-600 transition-colors z-10;
|
|
55
64
|
|
|
56
65
|
/* focus state */
|
|
57
66
|
@apply focus-visible:ring-offset-2 focus-visible:ring-2 focus-visible:ring-border-primary;
|
|
58
67
|
}
|
|
59
68
|
|
|
69
|
+
.rsui-card-group__drag-handle--left {
|
|
70
|
+
@apply left-2;
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.rsui-card-group__drag-handle--right {
|
|
74
|
+
@apply right-2;
|
|
75
|
+
}
|
|
76
|
+
|
|
60
77
|
.rsui-card-group__drag-handle--top {
|
|
61
78
|
@apply top-2;
|
|
62
79
|
}
|
|
@@ -77,6 +94,10 @@
|
|
|
77
94
|
@apply block;
|
|
78
95
|
}
|
|
79
96
|
|
|
97
|
+
.rsui-card-group__card--grabbed {
|
|
98
|
+
@apply ring-2 ring-inset ring-border-primary rounded-xl shadow-md;
|
|
99
|
+
}
|
|
100
|
+
|
|
80
101
|
.rsui-card-group__card--dragging {
|
|
81
102
|
@apply opacity-50;
|
|
82
103
|
}
|
package/components/feed_item.css
CHANGED
|
@@ -21,6 +21,10 @@
|
|
|
21
21
|
@apply absolute -bottom-0.5 -right-0.5 flex items-center justify-center size-4;
|
|
22
22
|
}
|
|
23
23
|
|
|
24
|
+
.rsui-feed-item__avatar-indicator-label {
|
|
25
|
+
@apply sr-only;
|
|
26
|
+
}
|
|
27
|
+
|
|
24
28
|
.rsui-feed-item__avatar-indicator-dot {
|
|
25
29
|
@apply size-4 rounded-full bg-border-primary border-2 border-background-primary;
|
|
26
30
|
}
|