Add support for incoming rich text (#23913)
This commit is contained in:
		
							parent
							
								
									af578e8ce0
								
							
						
					
					
						commit
						3a6451c867
					
				
					 4 changed files with 85 additions and 27 deletions
				
			
		
							
								
								
									
										64
									
								
								app/javascript/styles/mastodon/rich_text.scss
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										64
									
								
								app/javascript/styles/mastodon/rich_text.scss
									
										
									
									
									
										Normal file
									
								
							| 
						 | 
				
			
			@ -0,0 +1,64 @@
 | 
			
		|||
.status__content__text,
 | 
			
		||||
.e-content,
 | 
			
		||||
.reply-indicator__content {
 | 
			
		||||
  pre,
 | 
			
		||||
  blockquote {
 | 
			
		||||
    margin-bottom: 20px;
 | 
			
		||||
    white-space: pre-wrap;
 | 
			
		||||
    unicode-bidi: plaintext;
 | 
			
		||||
 | 
			
		||||
    &:last-child {
 | 
			
		||||
      margin-bottom: 0;
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  blockquote {
 | 
			
		||||
    padding-left: 10px;
 | 
			
		||||
    border-left: 3px solid $darker-text-color;
 | 
			
		||||
    color: $darker-text-color;
 | 
			
		||||
    white-space: normal;
 | 
			
		||||
 | 
			
		||||
    p:last-child {
 | 
			
		||||
      margin-bottom: 0;
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  & > ul,
 | 
			
		||||
  & > ol {
 | 
			
		||||
    margin-bottom: 20px;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  b,
 | 
			
		||||
  strong {
 | 
			
		||||
    font-weight: 700;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  em,
 | 
			
		||||
  i {
 | 
			
		||||
    font-style: italic;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  ul,
 | 
			
		||||
  ol {
 | 
			
		||||
    margin-left: 2em;
 | 
			
		||||
 | 
			
		||||
    p {
 | 
			
		||||
      margin: 0;
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  ul {
 | 
			
		||||
    list-style-type: disc;
 | 
			
		||||
  }
 | 
			
		||||
 | 
			
		||||
  ol {
 | 
			
		||||
    list-style-type: decimal;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.reply-indicator__content {
 | 
			
		||||
  blockquote {
 | 
			
		||||
    border-left-color: $inverted-text-color;
 | 
			
		||||
    color: $inverted-text-color;
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
		Reference in a new issue