tool-bar
tool-bar copied to clipboard
Show Tool Bar on Mouse Hover
It's more like a sharing rather than an issue.
Just adding following snippet to ~/.atom/styles.less
@toolBarSizeHidden: 1px;
@barSizeWhenIcon12px: 30px;
@barSizeWhenIcon16px: 38px;
@barSizeWhenIcon24px: 54px;
@barSizeWhenIcon32px: 70px;
// NOTE barSize = 2*iconSize + 6px
@transitionTime: 1000ms;
.tool-bar-top, .tool-bar-bottom{
height: @toolBarSizeHidden;
transition: height @transitionTime;
&:hover {
height: @barSizeWhenIcon24px;
transition: height @transitionTime;
}
}
.tool-bar-left, .tool-bar-right {
width: @toolBarSizeHidden;
transition: width @transitionTime;
&:hover {
width: @barSizeWhenIcon24px;
transition: width @transitionTime;
}
}
You can switch to different variables according to your icon size.
Now you can show tool-bar by just moving your mouse which is easier for me.