hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Fix plus button padding on empty dock

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2022-03-18 13:09:29 +03:00
parent a198b03875
commit de9646122c
3 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/renderer/components/dock/dock-tabs.module.scss
View File

@ -15,6 +15,10 @@
display: flex; display: flex;
overflow: hidden; overflow: hidden;
&:empty {
display: none;
}
&:global(.scrollable) { &:global(.scrollable) {
overflow: auto; overflow: auto;
overflow-x: overlay; /* Set scrollbar inside content area */ overflow-x: overlay; /* Set scrollbar inside content area */

4
src/renderer/components/dock/dock.scss
View File

@ -57,6 +57,10 @@
min-height: $unit * 4; min-height: $unit * 4;
padding-left: $padding; padding-left: $padding;
user-select: none; user-select: none;
&.pl-0 {
padding-left: 0;
}
} }
} }

2
src/renderer/components/dock/dock.tsx
View File

@ -157,7 +157,7 @@ class NonInjectedDock extends React.Component<DockProps & Dependencies> {
autoFocus={isOpen} autoFocus={isOpen}
onChangeTab={this.onChangeTab} onChangeTab={this.onChangeTab}
/> />
<div className="toolbar flex gaps align-center box grow"> <div className={cssNames("toolbar flex gaps align-center box grow", { "pl-0": tabs.length == 0 })}>
<div className="dock-menu box grow"> <div className="dock-menu box grow">
<MenuActions usePortal triggerIcon={{ material: "add", className: "new-dock-tab", tooltip: "New tab" }} closeOnScroll={false}> <MenuActions usePortal triggerIcon={{ material: "add", className: "new-dock-tab", tooltip: "New tab" }} closeOnScroll={false}>
<MenuItem className="create-terminal-tab" onClick={() => this.props.createTerminalTab()}> <MenuItem className="create-terminal-tab" onClick={() => this.props.createTerminalTab()}>