Request: Change position of notifications

[tairun]

There should be an option to customize the anchor of the notifications. Maybe vanilla atom doesn't have this problem but with the changes to the editor that i made, the notifications look like this:

(Overlaping scroll bar, tree-view and tab bar)

I'd much prefer this:

(Anchor top right of text-editor class).

[simurai]

This might be possible by moving it into <atom-workspace-axis class="vertical">, but it also feels a bit strange because it would suggest that the notifications are part of the editor or just the current open file and not something more global.

You could move the notifications to the left with adding the following to your styles.less file:

atom-notifications {
  left: 0;
  right: auto;
}

Then the notifications don't cover the tree-view anymore.

[tairun]

Okay I agree that making the notification seem relevant only to the current editor can be confusing. I added your snippet to the styles.less file and flying with this for now. Added some top margin to clear tab bar :-)

(By the way is that the tool-bar package in your screenshot?)

[simurai]

Added some top margin to clear tab bar

There is the @tab-height that could be used, but it's not that accurate with all themes.

(By the way is that the tool-bar package in your screenshot?)

Yes, plus https://atom.io/packages/flex-tool-bar to make it easy to add custom buttons.

[tairun]

There is the @tab-height that could be used, but it's not that accurate with all themes.

Thanks. Where can I get a list with these veriables. Maybe theres a @tree-view-width or something.

[simurai]

Unfortunately not.. only these are officially available: https://github.com/atom/atom/blob/master/static/variables/ui-variables.less

[tairun]

Yep, just found it myself. This might be relevant too: atom/tree-view#520

[markediez]

+1

Really would like to anchor the notifications to the bottom right...

[walderrama]

+1 for bottom right

[jensdebruijn]

+1 for bottom right

[natedunn]

I got the notifications set to the bottom right by updating the styles.less file with this:

atom-notifications {
  top: auto;
}

[simurai]

Moving to the bottom would cover panels like find + replace or linter etc.

@tairun (Anchor top right of text-editor class).

Might still be the best option.

[code-tree]

Notifications were appearing over the file tabs for me, making me dismiss them before I could change tab. Quite annoying, so definitely vote for moving to bottom right. Or maybe bottom and whatever side the tree view is not on?

[damieng]

This has moved down slightly in 4c2b349 to not hit the tab area on the default themes.