@redocly/theme 0.45.6 → 0.45.7
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.
|
@@ -167,13 +167,20 @@ const SearchDialogWrapper = styled_components_1.default.div `
|
|
|
167
167
|
box-shadow: var(--search-modal-box-shadow);
|
|
168
168
|
border-radius: 0;
|
|
169
169
|
|
|
170
|
+
@media screen and (max-width: ${utils_1.breakpoints.small}) {
|
|
171
|
+
/* Ignore resize on mobile */
|
|
172
|
+
width: 100vw !important;
|
|
173
|
+
height: 100vh !important;
|
|
174
|
+
}
|
|
175
|
+
|
|
170
176
|
@media screen and (min-width: ${utils_1.breakpoints.small}) {
|
|
171
177
|
border-radius: var(--search-modal-border-radius);
|
|
172
178
|
width: var(--search-modal-width);
|
|
173
179
|
min-height: var(--search-modal-min-height);
|
|
180
|
+
min-width: var(--search-modal-min-width);
|
|
174
181
|
max-width: 95vw;
|
|
175
182
|
max-height: 95vh;
|
|
176
|
-
height:
|
|
183
|
+
height: var(--search-modal-min-height);
|
|
177
184
|
resize: both;
|
|
178
185
|
}
|
|
179
186
|
`;
|
|
@@ -7,6 +7,7 @@ exports.search = (0, styled_components_1.css) `
|
|
|
7
7
|
* @tokens Search
|
|
8
8
|
*/
|
|
9
9
|
--search-modal-width: 1100px;
|
|
10
|
+
--search-modal-min-width: 460px;
|
|
10
11
|
--search-modal-min-height: 705px;
|
|
11
12
|
--search-modal-bg-color: var(--modal-bg-color);
|
|
12
13
|
--search-modal-box-shadow: var(--modal-box-shadow);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@redocly/theme",
|
|
3
|
-
"version": "0.45.
|
|
3
|
+
"version": "0.45.7",
|
|
4
4
|
"description": "Shared UI components lib",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"theme",
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
"timeago.js": "4.0.2",
|
|
82
82
|
"i18next": "22.4.15",
|
|
83
83
|
"nprogress": "0.2.0",
|
|
84
|
-
"@redocly/config": "0.
|
|
84
|
+
"@redocly/config": "0.17.0"
|
|
85
85
|
},
|
|
86
86
|
"scripts": {
|
|
87
87
|
"watch": "tsc -p tsconfig.build.json && (concurrently \"tsc -w -p tsconfig.build.json\" \"tsc-alias -w -p tsconfig.build.json\")",
|
|
@@ -292,13 +292,20 @@ const SearchDialogWrapper = styled.div`
|
|
|
292
292
|
box-shadow: var(--search-modal-box-shadow);
|
|
293
293
|
border-radius: 0;
|
|
294
294
|
|
|
295
|
+
@media screen and (max-width: ${breakpoints.small}) {
|
|
296
|
+
/* Ignore resize on mobile */
|
|
297
|
+
width: 100vw !important;
|
|
298
|
+
height: 100vh !important;
|
|
299
|
+
}
|
|
300
|
+
|
|
295
301
|
@media screen and (min-width: ${breakpoints.small}) {
|
|
296
302
|
border-radius: var(--search-modal-border-radius);
|
|
297
303
|
width: var(--search-modal-width);
|
|
298
304
|
min-height: var(--search-modal-min-height);
|
|
305
|
+
min-width: var(--search-modal-min-width);
|
|
299
306
|
max-width: 95vw;
|
|
300
307
|
max-height: 95vh;
|
|
301
|
-
height:
|
|
308
|
+
height: var(--search-modal-min-height);
|
|
302
309
|
resize: both;
|
|
303
310
|
}
|
|
304
311
|
`;
|