Merge pull request #734 from SolidOS/fix/subdomain-header-style

Adjust styling to fix the subdomain control issue

Author: SharonStrats

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-panes",
-  "version": "4.4.2-6",
+  "version": "4.4.2-7",
   "description": "Solid-compatible Panes: applets and views for the mashlib and databrowser",
   "main": "dist/index.cjs.js",
   "types": "dist/index.d.ts",

package.json

@@ -1,5 +1,7 @@
 .rdfxml-pane {
 	padding: 1rem;
+	width: 100%;
+	min-width: 0;
 	border-top: solid 2px var(--color-data-pane-border-top, black);
 	border-left: solid 2px var(--color-data-pane-border-top, black);
 	border-bottom: solid 2px var(--color-data-pane-border-side, #777);
@@ -11,6 +13,7 @@
 .rdfxml-pane__source {
 	overflow-x: auto;
 	max-width: 100%;
+	min-width: 0;
 	box-sizing: border-box;
 	font-family: monospace;
 	font-size: 120%;
@@ -20,8 +23,9 @@
 
 .rdfxml-pane__line {
 	display: grid;
-	grid-template-columns: var(--rdfxml-indent, 0) minmax(max-content, auto);
+	grid-template-columns: var(--rdfxml-indent, 0) minmax(0, 1fr);
 	align-items: start;
+	min-width: 0;
 }
 
 .rdfxml-pane__line-indent {

src/RDFXMLPane.css

@@ -1,4 +1,7 @@
 :host {
+  flex: 0 1 auto;
+  min-width: 0;
+
   div {
     display: flex;
     justify-content: flex-end;

src/components/file-explorer-header/FileExplorerHeaderControls.styles.css

@@ -1,5 +1,7 @@
 .n3-pane {
 	padding: 1rem;
+	width: 100%;
+	min-width: 0;
 	border-top: solid 1px var(--color-data-pane-border-top, black);
 	border-left: solid 1px var(--color-data-pane-border-top, black);
 	border-bottom: solid 1px var(--color-data-pane-border-side, #777);
@@ -11,6 +13,7 @@
 .n3-pane__source {
 	overflow-x: auto;
 	max-width: 100%;
+	min-width: 0;
 	box-sizing: border-box;
 	font-family: monospace;
 	font-size: 120%;