element-web-Github/res/css/views/rooms/_MemberList.pcss

/*
Copyright 2024 New Vector Ltd.
Copyright 2015, 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_MemberList {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    margin-top: 24px;

    .mx_Spinner {
        flex: 1 0 auto;
    }

    .mx_SearchBox {
        margin-bottom: 5px;
    }

    h2 {
        text-transform: uppercase;
        color: $h3-color;
        font-weight: var(--cpd-font-weight-semibold);
        font-size: $font-13px;
        padding-left: 3px;
        padding-right: 12px;
        margin-top: 8px;
        margin-bottom: 4px;
    }

    .mx_AutoHideScrollbar {
        flex: 1 1 0;
    }
}

.mx_MemberList_chevron {
    position: absolute;
    right: 35px;
    margin-top: -15px;
}

.mx_MemberList_border {
    overflow-y: auto;

    order: 1;
    flex: 1 1 0px;
}

.mx_MemberList_query {
    height: 16px;

    /* stricter rule to override the one in _common.pcss */
    &[type="text"] {
        font-size: $font-12px;
    }
}

.mx_MemberList_wrapper {
    padding: 10px;
}

.mx_MemberList_invite {
    margin: 0 var(--cpd-space-2x);
    width: calc(100% - var(--cpd-space-4x));
}
move components' CSS to be in the same repo as their JS 2018-04-12 07:23:35 +08:00			`/*`
Change license (#13) * Copyright headers 1 * Licence headers 2 * Copyright Headers 3 * Copyright Headers 4 * Copyright Headers 5 * Copyright Headers 6 * Copyright headers 7 * Add copyright headers for html and config file * Replace license files and update package.json * Update with CLA * lint 2024-09-09 21:57:16 +08:00			`Copyright 2024 New Vector Ltd.`
move components' CSS to be in the same repo as their JS 2018-04-12 07:23:35 +08:00			`Copyright 2015, 2016 OpenMarket Ltd`

Change license (#13) * Copyright headers 1 * Licence headers 2 * Copyright Headers 3 * Copyright Headers 4 * Copyright Headers 5 * Copyright Headers 6 * Copyright headers 7 * Add copyright headers for html and config file * Replace license files and update package.json * Update with CLA * lint 2024-09-09 21:57:16 +08:00			`SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only`
			`Please see LICENSE files in the repository root for full details.`
move components' CSS to be in the same repo as their JS 2018-04-12 07:23:35 +08:00			`*/`

Delete groups (legacy communities system) (#8027) * Remove deprecated feature_communities_v2_prototypes * Update _components * i18n * delint * Cut out a bit more dead code * Carve into legacy components * Carve into mostly the room list code * Carve into instances of "groupId" * Carve out more of what comes up with "groups" * Carve out some settings * ignore related groups state * Remove instances of spacesEnabled * Fix some obvious issues * Remove now-unused css * Fix variable naming for legacy components * Update i18n * Misc cleanup from manual review * Update snapshot for changed flag * Appease linters * rethemedex * Remove now-unused AddressPickerDialog * Make ConfirmUserActionDialog's member a required prop * Remove useless override from RightPanelStore * Remove extraneous CSS * Update i18n * Demo: "Communities are now Spaces" landing page * Restore linkify for group IDs * Demo: Dialog on click for communities->spaces notice * i18n for demos * i18n post-merge * Update copy * Appease the linter * Post-merge cleanup * Re-add spaces_learn_more_url to the new SdkConfig place * Round 1 of post-merge fixes * i18n Co-authored-by: Michael Telatynski <7t3chguy@gmail.com> 2022-03-23 07:07:37 +08:00			`.mx_MemberList {`
move components' CSS to be in the same repo as their JS 2018-04-12 07:23:35 +08:00			`flex: 1;`
			`display: flex;`
			`flex-direction: column;`
use AutoHideScrollbar in memberlist 2019-03-12 23:38:30 +08:00			`min-height: 0;`
Add tabs to the right panel (#12672) * Create new method for header button behaviour With the introduction of tabs, the behaviour of the header buttons is changed as follows: - Close any right panel if open - Open the correct right panel if no panel was open before The old method (and behaviour) is retained as showOrHidePhase. * Implement tabs in the right panel There are three tabs: Info, People and Threads * Remove unwanted code from RoomSummaryCard - Remove the menu item for opening the memberlist since that is now taken of by the tabs. - Remove the close button * Remove code for focusing close button from tac item See https://github.com/matrix-org/matrix-react-sdk/pull/12410 There's no longer a close button to focus so we instead focus the thread tab. This is done in RightPaneltabs.tsx so we just need to remove this code. * Introduce a room info icon to the header This was previously present in the legacy room header but not in the new header. * BaseCard changes - Adds id, ariaLabelledBy and role props to implement tab accessibility. - Adds hideHeaderButtons prop to hide header buttons (think back and close buttons). - Change confusing header rendering code: header is not rendered ONLY when no header is passed AND hideHeaderButtons is true. * Refactor repeated code into function Created a new function createSpaceScopeHeader which returns the component if the room is a space room. Previously this code was duplicated in every component that uses SpaceScopeHeader component. * Pass BaseCard attributes and use helper function Actually using the code from the last two commits * Add, update and remove tests/screenshots/snapshots * Fix distance between search bar and tabs * Update compound * Update screenshots/snapshots 2024-07-09 19:36:50 +08:00			`margin-top: 24px;`
move components' CSS to be in the same repo as their JS 2018-04-12 07:23:35 +08:00
fix invite button layout 2018-12-11 00:46:22 +08:00			`.mx_Spinner {`
			`flex: 1 0 auto;`
			`}`

Fix scrollbar occlusion in the right panel Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> 2020-07-14 05:13:29 +08:00			`.mx_SearchBox {`
			`margin-bottom: 5px;`
			`}`

fix invite button layout 2018-12-11 00:46:22 +08:00			`h2 {`
			`text-transform: uppercase;`
			`color: $h3-color;`
Compound Typography pass (#11103) * Integrate compound design tokens The icons should not be included in this repo, and should live in the compound design token repo, but for simplicity sake at this phase of the integration they will be added here * Delete unused or incorrect - sass variables * Typography pass * Deprecate _font-weights.pcss and use Compound instead * lint fix * Fix snapshot * Fix typography pass feedback * Remove unwanted e2e test cypress tests should test functionality not visual output. And we should not test visual output by inspecting CSS properties * lintfix * Migration script for baseFontSize * Updates after design review * Update font scaling panel to use min/max size * Fix custom font * Fix font slider e2e test * Update custom font * Update new baseFontSizeV2 * Disambiguate heading props * Fix appearance test * change max font size * fix e2ee test * fix tests * test baseFontSize migration code * typescript strict * Migrate baseFontSize account setting * Change assertion for font size * Fix font size controller test 2023-06-29 18:30:25 +08:00			`font-weight: var(--cpd-font-weight-semibold);`
Use variables for the rem values. It's become obvious that these random floating points everywhere are unwieldy. Now they're all in one place with some fairly logical variable names which will help out in design->implementation phase. 2020-03-31 22:26:23 +08:00			`font-size: $font-13px;`
fix invite button layout 2018-12-11 00:46:22 +08:00			`padding-left: 3px;`
			`padding-right: 12px;`
			`margin-top: 8px;`
			`margin-bottom: 4px;`
			`}`
use AutoHideScrollbar in memberlist 2019-03-12 23:38:30 +08:00
			`.mx_AutoHideScrollbar {`
			`flex: 1 1 0;`
			`}`
move components' CSS to be in the same repo as their JS 2018-04-12 07:23:35 +08:00			`}`

			`.mx_MemberList_chevron {`
			`position: absolute;`
			`right: 35px;`
			`margin-top: -15px;`
			`}`

			`.mx_MemberList_border {`
			`overflow-y: auto;`

			`order: 1;`
			`flex: 1 1 0px;`
			`}`

Remove globally defined flex and set just for group queries Signed-off-by: Aaron Raimist <aaron@raim.ist> 2020-12-06 11:56:10 +08:00			`.mx_MemberList_query {`
fix lint Signed-off-by: Aaron Raimist <aaron@raim.ist> 2020-12-09 04:35:03 +08:00			`height: 16px;`

Disallow invalid inline style comments in stylesheets (#9099) 2022-07-27 21:39:29 +08:00			`/* stricter rule to override the one in _common.pcss */`
Update font size of member filter field Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> 2020-07-16 22:40:31 +08:00			`&[type="text"] {`
			`font-size: $font-12px;`
			`}`
move components' CSS to be in the same repo as their JS 2018-04-12 07:23:35 +08:00			`}`

			`.mx_MemberList_wrapper {`
one big commit, sorry changing looks of input & buttons changing background color of right panels moving invite button around change margins and paddings in memberlist 2018-10-24 19:50:58 +08:00			`padding: 10px;`
move components' CSS to be in the same repo as their JS 2018-04-12 07:23:35 +08:00			`}`

Fix community right panel button regression Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> 2020-07-20 21:47:06 +08:00			`.mx_MemberList_invite {`
New right panel visual language (#11664) * New right panel visual language * Upgrade Compound * Align old room header with right panel * Rigth panel look and feel * Fix linting and e2e tests * Update snapshot * Add test * Lint * Remove screenshot local script * Update snapshots and UI based on feedback * fix i18n key * Update right panel visuals * Fix tests * lintfixes * fix tests * fix tests * Add tests for search icon * Fix invite dialog spec 2023-10-20 21:30:37 +08:00			`margin: 0 var(--cpd-space-2x);`
Fix margin of invite to room button (#11780) 2023-10-21 04:26:32 +08:00			`width: calc(100% - var(--cpd-space-4x));`
fix invite button layout 2018-12-11 00:46:22 +08:00			`}`