@streamscloud/kit 0.2.24 → 0.2.25
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.
|
@@ -172,6 +172,7 @@ const isStretchContent = $derived(position === 'full-screen' || position === 'fu
|
|
|
172
172
|
overflow: hidden;
|
|
173
173
|
}
|
|
174
174
|
.dialog-container__content {
|
|
175
|
+
container-type: inline-size;
|
|
175
176
|
width: 100%;
|
|
176
177
|
max-width: var(--_dialog-container--custom-width, var(--_dialog-container--max-width));
|
|
177
178
|
border-radius: var(--_dialog-container--border-radius);
|
|
@@ -84,6 +84,12 @@ A structured dialog panel with header (title + close button), scrollable body, a
|
|
|
84
84
|
color: var(--_dialog--color);
|
|
85
85
|
border-radius: var(--_dialog--border-radius);
|
|
86
86
|
box-shadow: 0 4px 24px var(--_dialog--shadow-color);
|
|
87
|
+
/* Set 'container-type: inline-size;' to reference container*/
|
|
88
|
+
}
|
|
89
|
+
@container (width < 768px) {
|
|
90
|
+
.dialog {
|
|
91
|
+
--_dialog--padding-inline: var(--sc-kit--dialog--padding-inline, 1rem);
|
|
92
|
+
}
|
|
87
93
|
}
|
|
88
94
|
.dialog__header {
|
|
89
95
|
display: flex;
|
|
@@ -93,6 +99,11 @@ A structured dialog panel with header (title + close button), scrollable body, a
|
|
|
93
99
|
gap: 1rem;
|
|
94
100
|
padding: var(--_dialog--header--padding-block) var(--_dialog--header--padding-inline);
|
|
95
101
|
border-bottom: 1px solid var(--_dialog--border-color);
|
|
102
|
+
-webkit-user-drag: none;
|
|
103
|
+
user-select: none;
|
|
104
|
+
}
|
|
105
|
+
.dialog__header :global([contenteditable]) {
|
|
106
|
+
user-select: text;
|
|
96
107
|
}
|
|
97
108
|
.dialog__title {
|
|
98
109
|
flex: 1;
|
|
@@ -129,9 +140,15 @@ A structured dialog panel with header (title + close button), scrollable body, a
|
|
|
129
140
|
.dialog__footer {
|
|
130
141
|
display: flex;
|
|
131
142
|
flex-shrink: 0;
|
|
143
|
+
margin-top: auto;
|
|
132
144
|
align-items: center;
|
|
133
145
|
justify-content: flex-end;
|
|
134
146
|
gap: 0.75rem;
|
|
135
147
|
padding: var(--_dialog--padding-block) var(--_dialog--padding-inline);
|
|
136
148
|
border-top: 1px solid var(--_dialog--border-color);
|
|
149
|
+
-webkit-user-drag: none;
|
|
150
|
+
user-select: none;
|
|
151
|
+
}
|
|
152
|
+
.dialog__footer :global([contenteditable]) {
|
|
153
|
+
user-select: text;
|
|
137
154
|
}</style>
|