- Search for people
+ Search for people and channels
- Search for people
+ Search for people and channels
- Search for people
+ Search for people and channels
- Search for people
+ Search for people and channels
- Search for people
+ Search for people and channels
- Search for people
+ Search for people and channels
- Search for people
+ Search for people and channels
- Search for people
+ Search for people and channels
- Search for people
+ Search for people and channels
- Search for people
+ Search for people and channels
- Search for people
+ Search for people and channels
- Search for people
+ Search for people and channels
- Search for people
+ Search for people and channels
{
}),
subText: intl.formatMessage({
id: 'shareBoard.confirm-unlink.body',
- defaultMessage: 'When you unlink a channel from a board, all members of the channel (existing and new) will loose access to it unless they are given permission separately. {lineBreak} Are you sure you want to unlink it?',
- }, {
- lineBreak:
+ defaultMessage: 'When you unlink a channel from a board, all members of the channel (existing and new) will lose access to it unless they\'re given permission separately.',
}),
confirmButtonText: intl.formatMessage({
id: 'shareBoard.confirm-unlink.confirmBtnText',
- defaultMessage: 'Yes, unlink',
+ defaultMessage: 'Unlink channel',
}),
onConfirm: onUnlinkBoard,
onClose: () => setShowUnlinkChannelConfirmation(false),
diff --git a/webapp/src/components/shareBoard/shareBoard.test.tsx b/webapp/src/components/shareBoard/shareBoard.test.tsx
index 357fc7a5c..2b34be317 100644
--- a/webapp/src/components/shareBoard/shareBoard.test.tsx
+++ b/webapp/src/components/shareBoard/shareBoard.test.tsx
@@ -528,7 +528,7 @@ describe('src/components/shareBoard/shareBoard', () => {
})
expect(container).toMatchSnapshot()
- const selectElement = screen.getByText('Search for people')
+ const selectElement = screen.getByText('Search for people and channels')
expect(selectElement).toBeDefined()
await act(async () => {
@@ -577,7 +577,7 @@ describe('src/components/shareBoard/shareBoard', () => {
})
expect(container).toMatchSnapshot()
- const selectElement = screen.getByText('Search for people')
+ const selectElement = screen.getByText('Search for people and channels')
expect(selectElement).toBeDefined()
await act(async () => {
@@ -621,7 +621,7 @@ describe('src/components/shareBoard/shareBoard', () => {
expect(unlinkOption).not.toBeNull()
userEvent.click(unlinkOption)
- const unlinkConfirmationBtn = screen.getByText('Yes, unlink')
+ const unlinkConfirmationBtn = screen.getByText('Unlink channel')
expect(unlinkConfirmationBtn).not.toBeNull()
userEvent.click(unlinkConfirmationBtn)
diff --git a/webapp/src/components/shareBoard/shareBoard.tsx b/webapp/src/components/shareBoard/shareBoard.tsx
index f896c58a6..19ad5f632 100644
--- a/webapp/src/components/shareBoard/shareBoard.tsx
+++ b/webapp/src/components/shareBoard/shareBoard.tsx
@@ -325,11 +325,11 @@ export default function ShareBoardDialog(props: Props): JSX.Element {
let confirmSubtext
let confirmButtonText
if (board.channelId == '') {
- confirmSubtext = intl.formatMessage({id: 'shareBoard.confirm-link-channel-subtext', defaultMessage: 'When you link a channel to a board, all members of the channel (existing and new) will be able to edit it.\n\nAre you sure you want to link it?'})
- confirmButtonText = intl.formatMessage({id: 'shareBoard.confirm-link-channel-button', defaultMessage: 'Yes, link here'})
+ confirmSubtext = intl.formatMessage({id: 'shareBoard.confirm-link-channel-subtext', defaultMessage: 'When you link a channel to a board, all members of the channel (existing and new) will be able to edit it.'})
+ confirmButtonText = intl.formatMessage({id: 'shareBoard.confirm-link-channel-button', defaultMessage: 'Link channel'})
} else {
- confirmSubtext = intl.formatMessage({id: 'shareBoard.confirm-link-channel-subtext-with-other-channel', defaultMessage: 'When you link a channel to a board, all members of the channel (existing and new) will be able to edit it.\n\nThis board is currently linked to another channel.\nIt will be unlinked if you choose to link it here.\n\nAre you sure you want to link it?'})
- confirmButtonText = intl.formatMessage({id: 'shareBoard.confirm-link-channel-button-with-other-channel', defaultMessage: 'Yes, unlink and link here'})
+ confirmSubtext = intl.formatMessage({id: 'shareBoard.confirm-link-channel-subtext-with-other-channel', defaultMessage: 'When you link a channel to a board, all members of the channel (existing and new) will be able to edit it.{lineBreak}This board is currently linked to another channel.\nIt will be unlinked if you choose to link it here.'}, {lineBreak:
})
+ confirmButtonText = intl.formatMessage({id: 'shareBoard.confirm-link-channel-button-with-other-channel', defaultMessage: 'Unlink and link here'})
}
return (
@@ -344,6 +344,7 @@ export default function ShareBoardDialog(props: Props): JSX.Element {
heading: intl.formatMessage({id: 'shareBoard.confirm-link-channel', defaultMessage: 'Link board to channel'}),
subText: confirmSubtext,
confirmButtonText: confirmButtonText,
+ destructive: board.channelId != '',
onConfirm: () => onLinkBoard(showLinkChannelConfirmation, true),
onClose: () => setShowLinkChannelConfirmation(null),
}}
@@ -380,7 +381,7 @@ export default function ShareBoardDialog(props: Props): JSX.Element {
getOptionValue={(u) => u.id}
getOptionLabel={(u: IUser|Channel) => (u as IUser).username || (u as Channel).display_name}
isMulti={false}
- placeholder={intl.formatMessage({id: 'ShareBoard.searchPlaceholder', defaultMessage: 'Search for people'})}
+ placeholder={intl.formatMessage({id: 'ShareBoard.searchPlaceholder', defaultMessage: 'Search for people and channels'})}
onChange={(newValue) => {
if (newValue && (newValue as IUser).username) {
mutator.createBoardMember(boardId, newValue.id)
diff --git a/webapp/src/components/sidebar/sidebarBoardItem.scss b/webapp/src/components/sidebar/sidebarBoardItem.scss
index aa5dcb22a..184a93318 100644
--- a/webapp/src/components/sidebar/sidebarBoardItem.scss
+++ b/webapp/src/components/sidebar/sidebarBoardItem.scss
@@ -23,7 +23,7 @@
}
&.sidebar-view-item {
- padding-left: 32px;
+ padding-left: 42px;
color: rgba(var(--sidebar-text-rgb), 0.64);
font-weight: 400;
}
@@ -138,7 +138,7 @@
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
- display: flex;
+ display: block;
align-items: baseline;
.octo-icon {
diff --git a/webapp/src/widgets/menu/menu.scss b/webapp/src/widgets/menu/menu.scss
index 6e2280056..73efbf8c5 100644
--- a/webapp/src/widgets/menu/menu.scss
+++ b/webapp/src/widgets/menu/menu.scss
@@ -95,6 +95,7 @@
text-overflow: ellipsis;
flex-grow: 1;
white-space: nowrap;
+ text-align: left;
}
> .SubmenuTriangleIcon {