feat(extra-info): adapt chips styles to the RCE thread page
The RCE thread page includes a different style of chip compared to the
old thread page.
Fixed: twpowertools:173
Change-Id: I59368cf09be778a4ad7f5d2aefdf5177cb370f11
diff --git a/src/ccDarkTheme/components/_thread-view.scss b/src/ccDarkTheme/components/_thread-view.scss
index 74efcd6..17bd302 100644
--- a/src/ccDarkTheme/components/_thread-view.scss
+++ b/src/ccDarkTheme/components/_thread-view.scss
@@ -67,8 +67,7 @@
color: var(--TWPT-primary-text-alt) !important;
}
-ec-question .state-chips material-chip,
- .TWPT-extrainfo-chip {
+ec-question .state-chips material-chip {
background-color: var(--TWPT-button-background)!important;
border: none!important;
box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2),
@@ -76,8 +75,7 @@
0 1px 3px 0 rgba(0, 0, 0, 0.12)!important;
}
-ec-question .state-chips material-chip .content,
- .TWPT-extrainfo-chip .TWPT-content {
+ec-question .state-chips material-chip .content {
color: var(--TWPT-primary-text)!important;
}
diff --git a/src/ccDarkTheme/components/custom/_chip.scss b/src/ccDarkTheme/components/custom/_chip.scss
new file mode 100644
index 0000000..f2840d3
--- /dev/null
+++ b/src/ccDarkTheme/components/custom/_chip.scss
@@ -0,0 +1,4 @@
+.TWPT-extrainfo-chip {
+ border: 1px solid var(--TWPT-interop-subtle-border)!important;
+ color: var(--TWPT-interop-secondary-text)!important;
+}
diff --git a/src/ccDarkTheme/components/custom/_index.scss b/src/ccDarkTheme/components/custom/_index.scss
index 90ce688..e73007c 100644
--- a/src/ccDarkTheme/components/custom/_index.scss
+++ b/src/ccDarkTheme/components/custom/_index.scss
@@ -1,2 +1,3 @@
+@forward 'chip';
@forward 'log';
@forward 'warning';