CB-5775 refactor: make default group text aligned with other tabs (#3064)

* CB-5775 refactor: make default group text aligned with other tabs

* CB-5775: return accidentally removed gap prop

* CB-5775 refactor: return TextPlaceholder back

* CB-5775 refactor: make style important

---------

Co-authored-by: Daria Marutkina <125263541+dariamarutkina@users.noreply.github.com>
This commit is contained in:
Sychev Andrey
2024-11-12 18:27:15 +01:00
committed by GitHub
co-authored by Daria Marutkina
parent 110546a022
commit a23c2c2a55
2 changed files with 14 additions and 6 deletions
@@ -17,6 +17,10 @@
overflow: auto !important;
}
.placeholder {
margin: 0 !important;
}
.loader {
z-index: 2;
}
@@ -55,9 +55,11 @@ export const GrantedUsers: TabContainerPanelComponent<ITeamFormProps> = observer
if (isDefaultTeam) {
return (
<Container className={s(styles, { box: true })} parent gap vertical>
<Group className={s(styles, { placeholderBox: true })} keepSize large>
<TextPlaceholder>{translate('plugin_authentication_administration_team_default_users_tooltip')}</TextPlaceholder>
<Container>
<Group large>
<TextPlaceholder className={s(styles, { placeholder: true })}>
{translate('plugin_authentication_administration_team_default_users_tooltip')}
</TextPlaceholder>
</Group>
</Container>
);
@@ -66,10 +68,12 @@ export const GrantedUsers: TabContainerPanelComponent<ITeamFormProps> = observer
return (
<Loader className={s(styles, { loader: true })} state={[state.state]}>
{() => (
<Container className={s(styles, { box: true })} parent gap vertical>
<Container className={s(styles, { box: true })} parent={!!users.resource.values.length} gap vertical>
{!users.resource.values.length ? (
<Group className={s(styles, { placeholderBox: true })} keepSize large>
<TextPlaceholder>{translate('administration_teams_team_granted_users_empty')}</TextPlaceholder>
<Group large>
<TextPlaceholder className={s(styles, { placeholder: true })}>
{translate('administration_teams_team_granted_users_empty')}
</TextPlaceholder>
</Group>
) : (
<>