Set min width and remove flex on swagger info at mobile (#86)

dgading · web-flow · commit 002c66025407 · 2022-05-31T09:15:12.000-04:00
* Set min width and remove flex on swagger info at mobile
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@civicactions/cmsds-open-data-components",
-  "version": "1.12.1",
+  "version": "1.12.2",
   "description": "Components for the open data catalog frontend using CMS Design System",
   "main": "lib/index.js",
   "scripts": {
diff --git a/src/styles/scss/templates/swagger.scss b/src/styles/scss/templates/swagger.scss
@@ -9,3 +9,13 @@
     min-width: 80px !important;
   }
 }
+
+.swagger-ui .opblock-tag-section {
+  min-width: 460px;
+}
+
+@media (max-width: 544px) {
+  .swagger-ui .opblock-tag small {
+    flex: initial;
+  }
+}

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@civicactions/cmsds-open-data-components",`
`3`		`- "version": "1.12.1",`
	`3`	`+ "version": "1.12.2",`
`4`	`4`	`"description": "Components for the open data catalog frontend using CMS Design System",`
`5`	`5`	`"main": "lib/index.js",`
`6`	`6`	`"scripts": {`
Original file line number	Diff line number	Diff line change
`@@ -9,3 +9,13 @@`
`9`	`9`	`min-width: 80px !important;`
`10`	`10`	`}`
`11`	`11`	`}`
	`12`	`+`
	`13`	`+.swagger-ui .opblock-tag-section {`
	`14`	`+ min-width: 460px;`
	`15`	`+}`
	`16`	`+`
	`17`	`+@media (max-width: 544px) {`
	`18`	`+ .swagger-ui .opblock-tag small {`
	`19`	`+ flex: initial;`
	`20`	`+ }`
	`21`	`+}`