gutter-shadow

Add a shadow when editor is scrolled away from the gutter
dsandstrom
1,361
Flag as spam or malicious

Gutter Shadow

An Atom Package - Atom.io : Github : Build Status

Add a shadow under the gutter when you are scrolled away from it. This makes it easier to tell when you aren't scrolled all the way to the left.

screenshot

Configuration

Always On
The shadow is always visible, even when scrolled all the way to the left.
Bigger Shadow
The scrolled shadow is more pronounced. If "Always On" is enabled, the shadow changes from small to large when scrolling.

DIY

If you want to edit the shadow, add this to your styles.less file:

atom-text-editor {
  // scrolled shadow 
  .gutter-shadow.active {
    box-shadow: 0 0 7px 4px rgba(0, 0, 0, .25);
  }
  // bigger scrolled shadow 
  .gutter-shadow.active.bigger-shadow {
    box-shadow: 0 0 10px 6px rgba(0, 0, 0, .25);
  }
}

Notes

  • v1.0.0 introduces a style change, remove inset from your DIY shadow
  • Issues and PRs are welcome.