How to highlight current pane


#1

Hello,

When i create multiple panes, and switch back and forth between panes. I see nothing to indicate what is the current pane. how can i highlight currently active pane ? or maybe dime unactive ones?

Thanks


#2

The active pane has a class .active on it. You could style it with CSS, for example:

atom-pane:not(.active) {
  opacity: .5;
}

#3

it did the job. thanks!


#4

I put a border around it:

/* -- multiple panes -- */
atom-pane.active {
    border-width: 1px;
    border-style: solid;
    border-color: #aaaaaa;
}
.panes .pane-row > *.active {
    border-right-color: #aaaaaa;
}