Merge pull request #86 from advanced-rest-client/fix/W-15595102/word-break

leandrogilcarrano · web-flow · commit 20a88e5664b7 · 2024-04-30T15:04:43.000-03:00
Fix/w 15595102/word break
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@api-components/api-method-documentation",
   "description": "A HTTP method documentation build from AMF model",
-  "version": "5.2.20",
+  "version": "5.2.21",
   "license": "Apache-2.0",
   "main": "index.js",
   "module": "index.js",
diff --git a/src/Styles.js b/src/Styles.js
@@ -292,12 +292,16 @@ api-security-documentation:last-of-type {
   font-style: normal;
   font-weight: 400;
   line-height: normal;
-  font-family: var(--api-method-documentation-async-server-names-title-font,Helvetica)
+  font-family: var(--api-method-documentation-async-server-names-title-font,Helvetica);
+  margin-right: 10px;
 }
 
 .async-servers .async-server-names-container{
   margin-top: 16px;
   margin-bottom: 10px;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
 }
 
 .async-servers .async-server-name{
@@ -313,6 +317,17 @@ api-security-documentation:last-of-type {
   border: 1px solid var(--api-method-documentation-async-server-names-border-color,#506773);;
   padding: 1px 8px 1px 8px;
   margin-right: 10px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  word-break: auto-phrase;
+  max-width: fit-content;
+}
+
+@media (max-width: 385px) {
+  .async-servers .async-server-name {
+    margin-bottom: 10px;
+  }
 }
 
 .async-method-security{

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@api-components/api-method-documentation",`
`3`	`3`	`"description": "A HTTP method documentation build from AMF model",`
`4`		`- "version": "5.2.20",`
	`4`	`+ "version": "5.2.21",`
`5`	`5`	`"license": "Apache-2.0",`
`6`	`6`	`"main": "index.js",`
`7`	`7`	`"module": "index.js",`