diff --git a/src/renderer/components/MainPage.tsx b/src/renderer/components/MainPage.tsx index cbb25748..b81db468 100644 --- a/src/renderer/components/MainPage.tsx +++ b/src/renderer/components/MainPage.tsx @@ -330,6 +330,7 @@ export default class MainPage extends React.PureComponent { onCloseTab={this.handleCloseTab} onDrop={this.handleDragAndDrop} tabsDisabled={this.state.modalOpen} + isMenuOpen={this.state.isMenuOpen} /> ); diff --git a/src/renderer/components/TabBar.tsx b/src/renderer/components/TabBar.tsx index f26b1c50..8004cf3b 100644 --- a/src/renderer/components/TabBar.tsx +++ b/src/renderer/components/TabBar.tsx @@ -24,6 +24,7 @@ type Props = { mentionCounts: Record; onDrop: (result: DropResult) => void; tabsDisabled?: boolean; + isMenuOpen?: boolean; }; function getStyle(style?: DraggingStyle | NotDraggingStyle) { @@ -151,12 +152,15 @@ export default class TabBar extends React.PureComponent { {(provided) => ( )} diff --git a/src/renderer/css/components/TabBar.css b/src/renderer/css/components/TabBar.css index 33e7c4b1..b5abe38f 100644 --- a/src/renderer/css/components/TabBar.css +++ b/src/renderer/css/components/TabBar.css @@ -9,6 +9,11 @@ padding: 6px 8px; } +.TabBar-nonDrag { + flex-grow: 1; + -webkit-app-region: no-drag; +} + .TabBar .teamTabItem span { flex: 0 1 auto; overflow: hidden;