tool-bar icon indicating copy to clipboard operation
tool-bar copied to clipboard

Show Tool Bar on Mouse Hover

Open liuderchi opened this issue 8 years ago • 0 comments

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.

liuderchi avatar Apr 07 '17 10:04 liuderchi