fix: Ingest data - UI issue overlapping components (#1151)

Rohini-Microsoft · web-flow · commit 33e17981db6d · 2024-07-22T12:37:41.000Z
diff --git a/code/backend/pages/common.css b/code/backend/pages/common.css
@@ -2,6 +2,8 @@
 footer {visibility: hidden;}
 header {visibility: hidden;}
 .st-emotion-cache-1kyxreq{width:100%}
+
+.stTextArea{width: 100% !important;}
 @media screen and (-ms-high-contrast: active), (forced-colors: active) {
     section, .st-emotion-cache-ch5dnh{
         border: 2px solid WindowText;padding: 10px;
@@ -10,10 +12,6 @@ header {visibility: hidden;}
     }
 }
 @media screen and (max-width: 1280px) {
-    .st-emotion-cache-1wmy9hl .st-emotion-cache-ocqkz7  {
-            gap: 0rem !important;
-    }
-
     .st-emotion-cache-1kyxreq{
         max-width: 200px !important;
     }

Original file line number	Diff line number	Diff line change
`@@ -2,6 +2,8 @@`
`2`	`2`	`footer {visibility: hidden;}`
`3`	`3`	`header {visibility: hidden;}`
`4`	`4`	`.st-emotion-cache-1kyxreq{width:100%}`
	`5`	`+`
	`6`	`+.stTextArea{width: 100% !important;}`
`5`	`7`	`@media screen and (-ms-high-contrast: active), (forced-colors: active) {`
`6`	`8`	`section, .st-emotion-cache-ch5dnh{`
`7`	`9`	`border: 2px solid WindowText;padding: 10px;`
`@@ -10,10 +12,6 @@ header {visibility: hidden;}`
`10`	`12`	`}`
`11`	`13`	`}`
`12`	`14`	`@media screen and (max-width: 1280px) {`
`13`		`- .st-emotion-cache-1wmy9hl .st-emotion-cache-ocqkz7 {`
`14`		`- gap: 0rem !important;`
`15`		`- }`
`16`		`-`
`17`	`15`	`.st-emotion-cache-1kyxreq{`
`18`	`16`	`max-width: 200px !important;`
`19`	`17`	`}`