luisgulo/focalboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Don't wrap sidebar titles

Browse source
This commit is contained in:
Chen-I Lim 2020-11-16 10:28:21 -08:00
parent 0c2409cadb
commit a335ad18ff
2 changed files with 7 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
webapp/src/components/sidebar.scss
View file

@ -112,6 +112,9 @@
.octo-sidebar-title {
cursor: pointer;
flex-grow: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.OptionsIcon, .SubmenuTriangleIcon, .DotIcon {

16
webapp/src/components/sidebar.tsx
View file

@ -89,12 +89,7 @@ class Sidebar extends React.Component<Props, State> {
</div>
{
boards.map((board) => {
const displayTitle = board.title || (
<FormattedMessage
id='Sidebar.untitled-board'
defaultMessage='(Untitled Board)'
/>
)
const displayTitle: string = board.title || intl.formatMessage({id: 'Sidebar.untitled-board', defaultMessage: '(Untitled Board)'})
const boardViews = views.filter((view) => view.parentId === board.id)
return (
<div key={board.id}>
@ -112,6 +107,7 @@ class Sidebar extends React.Component<Props, State> {
onClick={() => {
this.boardClicked(board)
}}
title={displayTitle}
>
{board.icon ? `${board.icon} ${displayTitle}` : displayTitle}
</div>
@ -175,13 +171,9 @@ class Sidebar extends React.Component<Props, State> {
onClick={() => {
this.viewClicked(board, view)
}}
title={view.title || intl.formatMessage({id: 'Sidebar.untitled-view', defaultMessage: '(Untitled View)'})}
>
{view.title || (
<FormattedMessage
id='Sidebar.untitled-view'
defaultMessage='(Untitled View)'
/>
)}
{view.title || intl.formatMessage({id: 'Sidebar.untitled-view', defaultMessage: '(Untitled View)'})}
</div>
</div>
))}