Adding decoration after line number


#1

Hi everyone,
I’m trying to add a decoration after the line using the decoration API. Here the code i’m using in package.coffee:

range = [[32, 0], [32 , 0]]
editor = atom.workspace.getActiveTextEditor()
marker = editor.markBufferRange(range, invalidate: 'never')
decoration = editor.decorateMarker(marker, {type: 'line-number', class: "red-circle"})

and the less file contains

atom-text-editor::shadow .gutter .line-number  {

  &.red-circle {
    position: relative;
    height: 4px;
    width: 4px;
    padding: 2px;
    background-color: #DB1D1D;
    border-radius: 150px;
  }
}

But the decoration is on the number and not after.
Can someone help me with this. Thanks.

Shakeel


#2

Add one to the range rows? It’s hard to picture what you are talking about, can you include a simple mock up?