@squiz/generic-browser-lib 1.35.1-alpha.34 → 1.35.1-alpha.36
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.
|
@@ -44,7 +44,7 @@ const PreviewPanel = function ({ resource, previewModalOverlayProps, modalState,
|
|
|
44
44
|
react_1.default.createElement("div", { className: "flex flex-col grow" }, ResourceComponent && react_1.default.createElement(ResourceComponent, { resource: resource })),
|
|
45
45
|
react_1.default.createElement("div", { className: "flex justify-end border-t border-gray-300" },
|
|
46
46
|
react_1.default.createElement("button", { type: "button", onClick: () => onSelect(resource), className: "rounded text-sm text-white bg-blue-300 py-2 px-2.5 m-5" }, "Select"))));
|
|
47
|
-
return (react_1.default.createElement(
|
|
47
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
48
48
|
!isMobile && react_1.default.createElement("h3", { className: "sr-only" }, "Resource Details"),
|
|
49
49
|
resource === null && (react_1.default.createElement("div", { className: "max-sm:hidden flex flex-col h-full" },
|
|
50
50
|
react_1.default.createElement("div", { className: "flex flex-col grow items-center mt-20 mx-20" },
|
package/lib/index.css
CHANGED
|
@@ -867,17 +867,6 @@
|
|
|
867
867
|
display: none;
|
|
868
868
|
}
|
|
869
869
|
}
|
|
870
|
-
@media (min-width: 640px) {
|
|
871
|
-
.squiz-gb-scope .sm\:flex-1 {
|
|
872
|
-
flex: 1 1 0%;
|
|
873
|
-
}
|
|
874
|
-
.squiz-gb-scope .sm\:grow-\[2\] {
|
|
875
|
-
flex-grow: 2;
|
|
876
|
-
}
|
|
877
|
-
.squiz-gb-scope .sm\:overflow-y-scroll {
|
|
878
|
-
overflow-y: scroll;
|
|
879
|
-
}
|
|
880
|
-
}
|
|
881
870
|
@media (min-width: 1024px) {
|
|
882
871
|
.squiz-gb-scope .lg\:h-\[calc\(100vh-3\.5rem\)\] {
|
|
883
872
|
height: calc(100vh - 3.5rem);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@squiz/generic-browser-lib",
|
|
3
|
-
"version": "1.35.1-alpha.
|
|
3
|
+
"version": "1.35.1-alpha.36",
|
|
4
4
|
"description": "Package with reusable components used by resource/component browsers",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"types": "lib/index.d.ts",
|
|
@@ -72,5 +72,5 @@
|
|
|
72
72
|
"volta": {
|
|
73
73
|
"node": "18.15.0"
|
|
74
74
|
},
|
|
75
|
-
"gitHead": "
|
|
75
|
+
"gitHead": "28ce84a3b4ae00c9de53b5112527a8651c15a8a9"
|
|
76
76
|
}
|
|
@@ -50,7 +50,7 @@ export const PreviewPanel = function ({
|
|
|
50
50
|
);
|
|
51
51
|
|
|
52
52
|
return (
|
|
53
|
-
|
|
53
|
+
<>
|
|
54
54
|
{/* Dialog has its own title */}
|
|
55
55
|
{!isMobile && <h3 className="sr-only">Resource Details</h3>}
|
|
56
56
|
|
|
@@ -78,6 +78,6 @@ export const PreviewPanel = function ({
|
|
|
78
78
|
|
|
79
79
|
{/* If not mobile, just print the details out */}
|
|
80
80
|
{resource && !isMobile && <div className="flex flex-col h-full">{previewPanel}</div>}
|
|
81
|
-
|
|
81
|
+
</>
|
|
82
82
|
);
|
|
83
83
|
};
|