feat: Mentions for Angular SDK

szuperaz · szuperaz · commit fc24f72b119f · 2021-11-26T11:11:29.000+01:00
diff --git a/src/styles/MessageInput.scss b/src/styles/MessageInput.scss
@@ -169,6 +169,13 @@
   color: var(--white);
 }
 
+// Using separate rules for Angular so React SDK integrators don't have problems with "!important"
+// Angular needs "!imporant" to override angular-mentions styles
+.active.mention-active > a /* angular-mentions autocomplete */ {
+  background-color: var(--primary-color) !important;
+  color: var(--white) !important;
+}
+
 .rta__list {
   border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0;
 }

Original file line number	Diff line number	Diff line change
`@@ -169,6 +169,13 @@`
`169`	`169`	`color: var(--white);`
`170`	`170`	`}`
`171`	`171`
	`172`	`+// Using separate rules for Angular so React SDK integrators don't have problems with "!important"`
	`173`	`+// Angular needs "!imporant" to override angular-mentions styles`
	`174`	`+.active.mention-active > a /* angular-mentions autocomplete */ {`
	`175`	`+ background-color: var(--primary-color) !important;`
	`176`	`+ color: var(--white) !important;`
	`177`	`+}`
	`178`	`+`
`172`	`179`	`.rta__list {`
`173`	`180`	`border-radius: var(--border-radius-sm) var(--border-radius-sm) 0 0;`
`174`	`181`	`}`