diff --git a/mattermost-plugin/webapp/src/components/__snapshots__/boardSelector.test.tsx.snap b/mattermost-plugin/webapp/src/components/__snapshots__/boardSelector.test.tsx.snap index 7c294bcef..7431c34b2 100644 --- a/mattermost-plugin/webapp/src/components/__snapshots__/boardSelector.test.tsx.snap +++ b/mattermost-plugin/webapp/src/components/__snapshots__/boardSelector.test.tsx.snap @@ -181,20 +181,28 @@ exports[`components/boardSelector renders with some results 1`] = `
-
-
- Untitled board -
+ +
+ class="resultLine" + > +
+ Untitled board +
+
+
-
-
- Untitled board -
+ +
+ class="resultLine" + > +
+ Untitled board +
+
+
-
-
- Untitled board -
+ +
+ class="resultLine" + > +
+ Untitled board +
+
+
-
-
- Untitled board -
+ +
+ class="resultLine" + > +
+ Untitled board +
+
+
-
-
- Test title -
+ +
+ class="resultLine" + > +
+ Test title +
+
+
-
-
- Test title -
+ +
+ class="resultLine" + > +
+ Test title +
+
+
{ const resultTitle = item.title || untitledBoardTitle return (
- {item.icon} -
-
{resultTitle}
-
{item.description}
+
+ {item.icon || } +
+
{resultTitle}
+
{item.description}
+
{item.channelId === currentChannel && @@ -44,7 +47,7 @@ const BoardSelectorItem = (props: Props) => { onClick={() => props.linkBoard(item)} emphasis='primary' > - diff --git a/webapp/src/components/boardTemplateSelector/boardTemplateSelectorItem.scss b/webapp/src/components/boardTemplateSelector/boardTemplateSelectorItem.scss index 265e3e49e..b6cec7462 100644 --- a/webapp/src/components/boardTemplateSelector/boardTemplateSelectorItem.scss +++ b/webapp/src/components/boardTemplateSelector/boardTemplateSelectorItem.scss @@ -20,6 +20,11 @@ .template-icon { margin-right: 10px; + + i { + font-size: 16px; + margin: 0 -5px 0 -4px; + } } &:hover { diff --git a/webapp/src/components/boardTemplateSelector/boardTemplateSelectorItem.tsx b/webapp/src/components/boardTemplateSelector/boardTemplateSelectorItem.tsx index 74b514363..c569c3440 100644 --- a/webapp/src/components/boardTemplateSelector/boardTemplateSelectorItem.tsx +++ b/webapp/src/components/boardTemplateSelector/boardTemplateSelectorItem.tsx @@ -4,6 +4,7 @@ import React, {useCallback, useState} from 'react' import {useIntl} from 'react-intl' import {Board} from '../../blocks/board' +import CompassIcon from '../../widgets/icons/compassIcon' import IconButton from '../../widgets/buttons/iconButton' import DeleteIcon from '../../widgets/icons/delete' import EditIcon from '../../widgets/icons/edit' @@ -39,17 +40,17 @@ const BoardTemplateSelectorItem = (props: Props) => { className={isActive ? 'BoardTemplateSelectorItem active' : 'BoardTemplateSelectorItem'} onClick={onClickHandler} > - {template.icon} + {template.icon || } {template.title} {/* don't show template menu options for default templates */} {template.teamId !== Constants.globalTeamId &&
- + > } title={intl.formatMessage({id: 'BoardTemplateSelector.delete-template', defaultMessage: 'Delete'})} @@ -59,11 +60,11 @@ const BoardTemplateSelectorItem = (props: Props) => { }} /> - + > } title={intl.formatMessage({id: 'BoardTemplateSelector.edit-template', defaultMessage: 'Edit'})} diff --git a/webapp/src/components/table/table.scss b/webapp/src/components/table/table.scss index 37cbbcdd6..44f51a89c 100644 --- a/webapp/src/components/table/table.scss +++ b/webapp/src/components/table/table.scss @@ -2,9 +2,8 @@ .Table { margin-top: 16px; - padding-bottom: 0 !important; margin-left: 20px !important; - padding-left: 0 !important; + padding: 0 32px 0 0 !important; overflow: auto; position: relative; flex: 1; @@ -48,22 +47,21 @@ padding: 2px 8px; border-radius: 3px; line-height: 20px; - margin-right: 5px; + margin: 0 4px 0 0; color: rgba(var(--center-channel-color-rgb), 1); white-space: nowrap; text-transform: none; - font-weight: normal; - font-size: 16px; + font-weight: 600; + font-size: 14px; width: 100%; input { background: transparent; width: 100%; text-transform: none; - font-weight: normal; - font-size: 16px; - // line-height: 20px; - color: rgba(var(--center-channel-color-rgb), 1); + font-size: inherit; + color: inherit; + padding: 0; } } @@ -108,6 +106,7 @@ .octo-icontitle { flex: 1 1 auto; + font-weight: 600; .octo-icon { min-width: 20px; @@ -215,6 +214,13 @@ .octo-table-cell { align-items: center; + + button, + .octo-propertyvalue { + font-size: inherit; + font-weight: normal; + } + } }