MM-52613: Add icons to "Add channels" LHS menu (#23239)

Этот коммит содержится в:
Eric Sethna
2023-05-11 02:00:57 -07:00
коммит произвёл GitHub
родитель c35d738e04
Коммит 6d18b69abb
3 изменённых файлов: 20 добавлений и 0 удалений

Просмотреть файл

@@ -30,12 +30,22 @@ exports[`components/new_channel_modal should match snapshot 1`] = `
>
<MenuGroup>
<MenuItemAction
icon={
<i
className="icon-plus"
/>
}
id="showNewChannel"
onClick={[Function]}
show={true}
text="Create new channel"
/>
<MenuItemAction
icon={
<i
className="icon-globe"
/>
}
id="showMoreChannels"
onClick={[Function]}
show={true}

Просмотреть файл

@@ -80,6 +80,7 @@ const AddChannelsCtaButton = (): JSX.Element | null => {
<Menu.ItemAction
id='showMoreChannels'
onClick={showMoreChannelsModal}
icon={<i className='icon-globe'/>}
text={intl.formatMessage({id: 'sidebar_left.add_channel_dropdown.browseChannels', defaultMessage: 'Browse channels'})}
/>
);
@@ -91,6 +92,7 @@ const AddChannelsCtaButton = (): JSX.Element | null => {
<Menu.ItemAction
id='showNewChannel'
onClick={showNewChannelModal}
icon={<i className='icon-plus'/>}
text={intl.formatMessage({id: 'sidebar_left.add_channel_dropdown.createNewChannel', defaultMessage: 'Create new channel'})}
/>
);

Просмотреть файл

@@ -743,6 +743,14 @@ $sidebarOpacityAnimationDuration: 0.15s;
.AddChannelsCtaDropdown .dropdown-menu {
min-width: 210px !important;
margin-left: 20px;
.MenuItem button span {
color: rgba(var(--center-channel-color-rgb), 0.9);
i {
color: rgba(var(--center-channel-color-rgb), 0.72);
}
}
}
#introTextInvite,