Merge pull request #18 from GetStream/autcomplete

szuperaz · web-flow · commit 7a1a205d53b9 · 2021-12-02T10:08:45.000+01:00
feat: Mentions for Angular SDK
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`	`}`