fix: set document overflow style to prevent screen jump (#601)

AlinaGovoruhina · web-flow · commit 158596ea91d1 · 2024-06-11T09:23:31.000+03:00
* fix: set doc overflow auto

* chore: changeset
diff --git a/.changeset/rare-parents-press.md b/.changeset/rare-parents-press.md
@@ -0,0 +1,5 @@
+---
+"@sap/guided-answers-extension-webapp": patch
+---
+
+Prevent screen jump when opening a dialog
diff --git a/packages/webapp/src/webview/ui/components/App/App.scss b/packages/webapp/src/webview/ui/components/App/App.scss
@@ -5,6 +5,9 @@ html {
     font-family: var(--vscode-font-family);
     -webkit-font-smoothing: antialiased;
 }
+body[role='document'] {
+    overflow: auto !important;
+}
 
 h1 {
     color: var(--vscode-settings-headerForeground);
@@ -70,7 +73,7 @@ h1 {
             margin-bottom: 10px;
             margin-top: 0px;
 
-            >i {
+            > i {
                 vertical-align: middle;
             }
         }

Original file line number	Diff line number	Diff line change
`@@ -5,6 +5,9 @@ html {`
`5`	`5`	`font-family: var(--vscode-font-family);`
`6`	`6`	`-webkit-font-smoothing: antialiased;`
`7`	`7`	`}`
	`8`	`+body[role='document'] {`
	`9`	`+ overflow: auto !important;`
	`10`	`+}`
`8`	`11`
`9`	`12`	`h1 {`
`10`	`13`	`color: var(--vscode-settings-headerForeground);`
`@@ -70,7 +73,7 @@ h1 {`
`70`	`73`	`margin-bottom: 10px;`
`71`	`74`	`margin-top: 0px;`
`72`	`75`
`73`		`- >i {`
	`76`	`+ > i {`
`74`	`77`	`vertical-align: middle;`
`75`	`78`	`}`
`76`	`79`	`}`