mirror of
				https://github.com/TitanEmbeds/Titan.git
				synced 2025-11-03 23:37:09 +01:00 
			
		
		
		
	Break long words in chat
This commit is contained in:
		@@ -73,6 +73,23 @@ padding-left: 10px;
 | 
				
			|||||||
padding-left: 1%;
 | 
					padding-left: 1%;
 | 
				
			||||||
padding-top: 1%;
 | 
					padding-top: 1%;
 | 
				
			||||||
padding-bottom: 40px;
 | 
					padding-bottom: 40px;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/* https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/ */
 | 
				
			||||||
 | 
					/* These are technically the same, but use both */
 | 
				
			||||||
 | 
					overflow-wrap: break-word;
 | 
				
			||||||
 | 
					word-wrap: break-word;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					-ms-word-break: break-all;
 | 
				
			||||||
 | 
					/* This is the dangerous one in WebKit, as it breaks things wherever */
 | 
				
			||||||
 | 
					word-break: break-all;
 | 
				
			||||||
 | 
					/* Instead use this non-standard one: */
 | 
				
			||||||
 | 
					word-break: break-word;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					/* Adds a hyphen where the word breaks, if supported (No Blink) */
 | 
				
			||||||
 | 
					-ms-hyphens: auto;
 | 
				
			||||||
 | 
					-moz-hyphens: auto;
 | 
				
			||||||
 | 
					-webkit-hyphens: auto;
 | 
				
			||||||
 | 
					hyphens: auto;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
@media only screen and (min-width: 601px) {
 | 
					@media only screen and (min-width: 601px) {
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user