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> <MenuGroup>
<MenuItemAction <MenuItemAction
icon={
<i
className="icon-plus"
/>
}
id="showNewChannel" id="showNewChannel"
onClick={[Function]} onClick={[Function]}
show={true} show={true}
text="Create new channel" text="Create new channel"
/> />
<MenuItemAction <MenuItemAction
icon={
<i
className="icon-globe"
/>
}
id="showMoreChannels" id="showMoreChannels"
onClick={[Function]} onClick={[Function]}
show={true} show={true}

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

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

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

@@ -743,6 +743,14 @@ $sidebarOpacityAnimationDuration: 0.15s;
.AddChannelsCtaDropdown .dropdown-menu { .AddChannelsCtaDropdown .dropdown-menu {
min-width: 210px !important; min-width: 210px !important;
margin-left: 20px; 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, #introTextInvite,