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;
 | 
			
		||||
  line-height: 12px;
 | 
			
		||||
  font-weight: 500;
 | 
			
		||||
  color: $ui-secondary-color;
 | 
			
		||||
  background-color: rgba($ui-secondary-color, 0.1);
 | 
			
		||||
  border: 1px solid rgba($ui-secondary-color, 0.5);
 | 
			
		||||
  color: var(--user-role-accent, $ui-secondary-color);
 | 
			
		||||
  background-color: var(--user-role-background, rgba($ui-secondary-color, 0.1));
 | 
			
		||||
  border: 1px solid var(--user-role-border, rgba($ui-secondary-color, 0.5));
 | 
			
		||||
 | 
			
		||||
  &.moderator {
 | 
			
		||||
    color: $success-green;
 | 
			
		||||
 | 
			
		||||
@ -5,6 +5,8 @@
 | 
			
		||||
<%- UserRole.where(highlighted: true).select { |role| role.color.present? }.each do |role| %>
 | 
			
		||||
.user-role-<%= role.id %> {
 | 
			
		||||
  --user-role-accent: <%= role.color %>;
 | 
			
		||||
  --user-role-background: <%= role.color + '19' %>;
 | 
			
		||||
  --user-role-border: <%= role.color + '80' %>;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
<%- end %>
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user