fix: modal and drawer input outline (#79)

jer3m01 · web-flow · commit 7c5993acd181 · 2023-12-13T21:42:25.000+01:00
diff --git a/src/components/drawer/index.scss b/src/components/drawer/index.scss
@@ -114,6 +114,8 @@
                     flex-grow: 1;
                     overflow-y: auto;
                     height: 0;
+                    margin: calc(var(--jdd-accessibility-outline-width) * -1);
+                    padding: var(--jdd-accessibility-outline-width);
                 }
             }
         }
diff --git a/src/components/modal/index.scss b/src/components/modal/index.scss
@@ -56,10 +56,14 @@
         flex-direction: column;
         flex-shrink: 1;
         overflow: hidden;
+        margin: calc(var(--jdd-accessibility-outline-width) * -1);
+        padding: var(--jdd-accessibility-outline-width);
 
         .modal-description-content {
             flex-shrink: 1;
             overflow-y: auto;
+            margin: calc(var(--jdd-accessibility-outline-width) * -1);
+            padding: var(--jdd-accessibility-outline-width);
         }
     }
 

Original file line number	Diff line number	Diff line change
`@@ -114,6 +114,8 @@`
`114`	`114`	`flex-grow: 1;`
`115`	`115`	`overflow-y: auto;`
`116`	`116`	`height: 0;`
	`117`	`+ margin: calc(var(--jdd-accessibility-outline-width) * -1);`
	`118`	`+ padding: var(--jdd-accessibility-outline-width);`
`117`	`119`	`}`
`118`	`120`	`}`
`119`	`121`	`}`
Original file line number	Diff line number	Diff line change
`@@ -56,10 +56,14 @@`
`56`	`56`	`flex-direction: column;`
`57`	`57`	`flex-shrink: 1;`
`58`	`58`	`overflow: hidden;`
	`59`	`+ margin: calc(var(--jdd-accessibility-outline-width) * -1);`
	`60`	`+ padding: var(--jdd-accessibility-outline-width);`
`59`	`61`
`60`	`62`	`.modal-description-content {`
`61`	`63`	`flex-shrink: 1;`
`62`	`64`	`overflow-y: auto;`
	`65`	`+ margin: calc(var(--jdd-accessibility-outline-width) * -1);`
	`66`	`+ padding: var(--jdd-accessibility-outline-width);`
`63`	`67`	`}`
`64`	`68`	`}`
`65`	`69`