mirror of
				https://github.com/zulip/zulip.git
				synced 2025-11-03 21:43:21 +00:00 
			
		
		
		
	stream-settings: Fix long stream names abbreviated too early.
Make .stream-header div a flex container and adjust max-width of .sub-stream-name to take up 100% of available space. Add 1rem margin-left to .button-group for spacing. Fixes: #24507
This commit is contained in:
		
				
					committed by
					
						
						Tim Abbott
					
				
			
			
				
	
			
			
			
						parent
						
							43800b4c55
						
					
				
				
					commit
					ac01e3ee51
				
			@@ -782,6 +782,8 @@ h4.user_group_setting_subsection_title {
 | 
			
		||||
    .stream-header {
 | 
			
		||||
        white-space: nowrap;
 | 
			
		||||
        padding-top: 10px;
 | 
			
		||||
        display: flex;
 | 
			
		||||
        align-items: center;
 | 
			
		||||
 | 
			
		||||
        .group-name-wrapper,
 | 
			
		||||
        .stream-name {
 | 
			
		||||
@@ -792,20 +794,18 @@ h4.user_group_setting_subsection_title {
 | 
			
		||||
            margin-left: -3px;
 | 
			
		||||
            margin-top: -5px;
 | 
			
		||||
            white-space: nowrap;
 | 
			
		||||
            max-width: 260px;
 | 
			
		||||
 | 
			
		||||
            .group-name,
 | 
			
		||||
            .sub-stream-name {
 | 
			
		||||
                display: block;
 | 
			
		||||
                max-width: 20ch;
 | 
			
		||||
                max-width: 100%;
 | 
			
		||||
                overflow: hidden;
 | 
			
		||||
                text-overflow: ellipsis;
 | 
			
		||||
                float: left;
 | 
			
		||||
            }
 | 
			
		||||
        }
 | 
			
		||||
 | 
			
		||||
        .button-group {
 | 
			
		||||
            float: right;
 | 
			
		||||
            margin-left: 1rem;
 | 
			
		||||
 | 
			
		||||
            .deactivate {
 | 
			
		||||
                margin-right: 3px;
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user