Fix badge color not affected (#18826)
* Fix badge color not affected * Generate user role css
This commit is contained in:
parent
ec83e2a35e
commit
f248d95be2
|
@ -210,9 +210,9 @@
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
line-height: 12px;
|
line-height: 12px;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: $ui-secondary-color;
|
color: var(--user-role-accent, $ui-secondary-color);
|
||||||
background-color: rgba($ui-secondary-color, 0.1);
|
background-color: var(--user-role-background, rgba($ui-secondary-color, 0.1));
|
||||||
border: 1px solid rgba($ui-secondary-color, 0.5);
|
border: 1px solid var(--user-role-border, rgba($ui-secondary-color, 0.5));
|
||||||
|
|
||||||
&.moderator {
|
&.moderator {
|
||||||
color: $success-green;
|
color: $success-green;
|
||||||
|
|
|
@ -5,6 +5,8 @@
|
||||||
<%- UserRole.where(highlighted: true).select { |role| role.color.present? }.each do |role| %>
|
<%- UserRole.where(highlighted: true).select { |role| role.color.present? }.each do |role| %>
|
||||||
.user-role-<%= role.id %> {
|
.user-role-<%= role.id %> {
|
||||||
--user-role-accent: <%= role.color %>;
|
--user-role-accent: <%= role.color %>;
|
||||||
|
--user-role-background: <%= role.color + '19' %>;
|
||||||
|
--user-role-border: <%= role.color + '80' %>;
|
||||||
}
|
}
|
||||||
|
|
||||||
<%- end %>
|
<%- end %>
|
||||||
|
|
Loading…
Reference in New Issue