Fix regression of status colors in actions modal in web UI (#17903)
Fixes #17900 Regression in #17844 (#17851 restored the code in the wrong place…)
This commit is contained in:
		
							parent
							
								
									cc9cd25d30
								
							
						
					
					
						commit
						2de5128e66
					
				@ -1009,6 +1009,43 @@
 | 
			
		||||
  .audio-player {
 | 
			
		||||
    margin-top: 8px;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  &.light {
 | 
			
		||||
    .status__relative-time,
 | 
			
		||||
    .status__visibility-icon {
 | 
			
		||||
      color: $light-text-color;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    .status__display-name {
 | 
			
		||||
      color: $inverted-text-color;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    .display-name {
 | 
			
		||||
      color: $light-text-color;
 | 
			
		||||
 | 
			
		||||
      strong {
 | 
			
		||||
        color: $inverted-text-color;
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    .status__content {
 | 
			
		||||
      color: $inverted-text-color;
 | 
			
		||||
 | 
			
		||||
      a {
 | 
			
		||||
        color: $highlight-text-color;
 | 
			
		||||
      }
 | 
			
		||||
 | 
			
		||||
      a.status__content__spoiler-link {
 | 
			
		||||
        color: $primary-text-color;
 | 
			
		||||
        background: $ui-primary-color;
 | 
			
		||||
 | 
			
		||||
        &:hover,
 | 
			
		||||
        &:focus {
 | 
			
		||||
          background: lighten($ui-primary-color, 8%);
 | 
			
		||||
        }
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.status__relative-time,
 | 
			
		||||
@ -1154,43 +1191,6 @@
 | 
			
		||||
  .audio-player {
 | 
			
		||||
    margin-top: 8px;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  &.light {
 | 
			
		||||
    .status__relative-time,
 | 
			
		||||
    .status__visibility-icon {
 | 
			
		||||
      color: $light-text-color;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    .status__display-name {
 | 
			
		||||
      color: $inverted-text-color;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    .display-name {
 | 
			
		||||
      color: $light-text-color;
 | 
			
		||||
 | 
			
		||||
      strong {
 | 
			
		||||
        color: $inverted-text-color;
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    .status__content {
 | 
			
		||||
      color: $inverted-text-color;
 | 
			
		||||
 | 
			
		||||
      a {
 | 
			
		||||
        color: $highlight-text-color;
 | 
			
		||||
      }
 | 
			
		||||
 | 
			
		||||
      a.status__content__spoiler-link {
 | 
			
		||||
        color: $primary-text-color;
 | 
			
		||||
        background: $ui-primary-color;
 | 
			
		||||
 | 
			
		||||
        &:hover,
 | 
			
		||||
        &:focus {
 | 
			
		||||
          background: lighten($ui-primary-color, 8%);
 | 
			
		||||
        }
 | 
			
		||||
      }
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.detailed-status__meta {
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user