69c1a8cd1c
* Don't toggle to the minimised left bar size. * Don't re-style old room list when at the minimum size * Only apply larger minimised with on new room list * Don't tell child views we are minimised for the new room list * move comment to the correct place * address PR comments * Don't wrap search text and add truncation down to a minimum of 50px * Put min-width on the button so that we don't have to hardcode the 50px * Keep the flex display, shrink and truncate just the search text and keep the shortcut * Update snapshots * Add comment for magic value * Make inner search text a span * Add e2e test for smallscreen to test responsiveness * Update snapshots * Forcing an empty commit to fix PR * Change minWidth to 224
52 lines
1.3 KiB
Plaintext
52 lines
1.3 KiB
Plaintext
/*
|
|
* Copyright 2025 New Vector Ltd.
|
|
*
|
|
* SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
|
|
* Please see LICENSE files in the repository root for full details.
|
|
*/
|
|
|
|
.mx_RoomListSearch {
|
|
/* From figma, this should be aligned with the room header */
|
|
flex: 0 0 64px;
|
|
box-sizing: border-box;
|
|
border-bottom: var(--cpd-border-width-1) solid var(--cpd-color-bg-subtle-primary);
|
|
padding: 0 var(--cpd-space-3x);
|
|
|
|
svg {
|
|
fill: var(--cpd-color-icon-secondary);
|
|
}
|
|
|
|
.mx_RoomListSearch_search {
|
|
/* The search button should take all the remaining space */
|
|
flex: 1;
|
|
font: var(--cpd-font-body-md-regular);
|
|
color: var(--cpd-color-text-secondary);
|
|
min-width: 0;
|
|
|
|
span {
|
|
flex: 1;
|
|
|
|
kbd {
|
|
font-family: inherit;
|
|
}
|
|
|
|
/* Shrink and truncate the search text */
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
.mx_RoomListSearch_search_text {
|
|
min-width: 0;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
text-align: start;
|
|
}
|
|
}
|
|
}
|
|
|
|
.mx_RoomListSearch_button:hover {
|
|
svg {
|
|
fill: var(--cpd-color-icon-primary);
|
|
}
|
|
}
|
|
}
|