78 lines
		
	
	
		
			2.0 KiB
		
	
	
	
		
			Plaintext
		
	
	
			
		
		
	
	
			78 lines
		
	
	
		
			2.0 KiB
		
	
	
	
		
			Plaintext
		
	
	
/*
 | 
						|
Copyright 2024 New Vector Ltd.
 | 
						|
Copyright 2016 OpenMarket Ltd
 | 
						|
 | 
						|
SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
 | 
						|
Please see LICENSE files in the repository root for full details.
 | 
						|
*/
 | 
						|
 | 
						|
.mx_FilePanel {
 | 
						|
    order: 2;
 | 
						|
    flex: 1 1 0;
 | 
						|
    overflow-y: auto;
 | 
						|
    display: flex;
 | 
						|
 | 
						|
    .mx_RoomView_messageListWrapper {
 | 
						|
        flex-direction: row;
 | 
						|
        align-items: center;
 | 
						|
        justify-content: center;
 | 
						|
    }
 | 
						|
 | 
						|
    .mx_RoomView_MessageList {
 | 
						|
        width: 100%;
 | 
						|
        gap: var(--cpd-space-6x);
 | 
						|
    }
 | 
						|
 | 
						|
    /* FIXME: rather than having EventTile's default CSS be for MessagePanel,
 | 
						|
   we should make EventTile a base CSS class and customise it specifically
 | 
						|
   for usage in {Message,File,Notification}Panel. */
 | 
						|
 | 
						|
    /* Overrides for the attachment body tiles */
 | 
						|
    .mx_EventTile {
 | 
						|
        word-break: break-word;
 | 
						|
        padding-top: 0;
 | 
						|
 | 
						|
        & + .mx_EventTile {
 | 
						|
            border-top: 1px solid var(--cpd-color-gray-400);
 | 
						|
            padding-top: var(--cpd-space-6x);
 | 
						|
        }
 | 
						|
 | 
						|
        .mx_EventTile_line {
 | 
						|
            padding-inline-start: 0;
 | 
						|
        }
 | 
						|
 | 
						|
        .mx_MFileBody_download {
 | 
						|
            margin-top: var(--cpd-space-4x);
 | 
						|
        }
 | 
						|
 | 
						|
        /* anchor link as wrapper */
 | 
						|
        .mx_EventTile_senderDetailsLink {
 | 
						|
            text-decoration: none;
 | 
						|
            margin-bottom: var(--cpd-space-1x);
 | 
						|
            display: block;
 | 
						|
 | 
						|
            .mx_EventTile_senderDetails {
 | 
						|
                display: flex;
 | 
						|
                margin-top: -2px;
 | 
						|
                gap: var(--cpd-space-2x);
 | 
						|
                align-items: center;
 | 
						|
 | 
						|
                .mx_DisambiguatedProfile {
 | 
						|
                    color: $event-timestamp-color; /* for ellipsis. Color of displayName and mxid is inherited */
 | 
						|
                }
 | 
						|
 | 
						|
                .mx_MessageTimestamp {
 | 
						|
                    margin-left: auto;
 | 
						|
                    font: var(--cpd-font-body-xs-regular);
 | 
						|
                    color: var(--cpd-color-text-secondary);
 | 
						|
                }
 | 
						|
            }
 | 
						|
        }
 | 
						|
    }
 | 
						|
 | 
						|
    .mx_EventTile_line {
 | 
						|
        margin-inline-end: 0;
 | 
						|
        padding-inline-start: 0;
 | 
						|
    }
 | 
						|
}
 |