mirror of
				https://github.com/zulip/zulip.git
				synced 2025-11-04 05:53:43 +00:00 
			
		
		
		
	recent_topics: Fix % of space taken by columns.
This stops recent topics from adjusting column widths as new messages are fetched, resulting in a better user experience.
This commit is contained in:
		@@ -252,6 +252,24 @@
 | 
				
			|||||||
            white-space: nowrap;
 | 
					            white-space: nowrap;
 | 
				
			||||||
        }
 | 
					        }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					        /* These fixed column widths prevent column widths from being adjusted
 | 
				
			||||||
 | 
					           as new messages arrive from the server. */
 | 
				
			||||||
 | 
					        .recent_topic_stream {
 | 
				
			||||||
 | 
					            width: 25%;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					        .recent_topic_name {
 | 
				
			||||||
 | 
					            width: 40%;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					        .recent_topic_users {
 | 
				
			||||||
 | 
					            width: 20%;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					        .recent_topic_timestamp {
 | 
				
			||||||
 | 
					            width: 15%;
 | 
				
			||||||
 | 
					        }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
        @media (width < $md_min) {
 | 
					        @media (width < $md_min) {
 | 
				
			||||||
            /* Hide participants and last message time
 | 
					            /* Hide participants and last message time
 | 
				
			||||||
               on smaller screens. This ensures user always
 | 
					               on smaller screens. This ensures user always
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user