fix(MessageBar): Make outline-offset important

rebeccaalpert · rebeccaalpert · commit 0707b2d4fda3 · 2025-02-19T12:54:46.000-05:00
This is getting overriden in the ShadowBot extension, because, like Backstage, they pull styles in the wrong order.
diff --git a/packages/module/src/MessageBar/MessageBar.scss b/packages/module/src/MessageBar/MessageBar.scss
@@ -68,13 +68,13 @@
   .pf-v6-c-form-control__textarea:focus-visible {
     outline: none;
   }
-  .pf-v6-c-form-control > textarea {
-    outline-offset: 0px;
+  textarea {
+    outline-offset: 0px !important;
     --pf-v6-c-form-control--PaddingBlockStart: 0;
     --pf-v6-c-form-control--PaddingBlockEnd: 0;
     --pf-v6-c-form-control--BorderRadius: 0;
   }
-  .pf-v6-c-form-control > textarea:focus-visible {
+  textarea:focus-visible {
     outline: none;
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -68,13 +68,13 @@`
`68`	`68`	`.pf-v6-c-form-control__textarea:focus-visible {`
`69`	`69`	`outline: none;`
`70`	`70`	`}`
`71`		`- .pf-v6-c-form-control > textarea {`
`72`		`- outline-offset: 0px;`
	`71`	`+ textarea {`
	`72`	`+ outline-offset: 0px !important;`
`73`	`73`	`--pf-v6-c-form-control--PaddingBlockStart: 0;`
`74`	`74`	`--pf-v6-c-form-control--PaddingBlockEnd: 0;`
`75`	`75`	`--pf-v6-c-form-control--BorderRadius: 0;`
`76`	`76`	`}`
`77`		`- .pf-v6-c-form-control > textarea:focus-visible {`
	`77`	`+ textarea:focus-visible {`
`78`	`78`	`outline: none;`
`79`	`79`	`}`
`80`	`80`	`}`