Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Atom tree-view-git-status branch styling
.tree-view-git-status.git-branch-production {
color: red;
text-shadow: -1px 0px 8px rgba(255, 12, 12, 1);
}
.tree-view-git-status.git-branch-master .branch-label {
color: gold;
text-shadow: -1px 0px 8px rgba(255, 215, 0, 1);
}
@a7madgamal

This comment has been minimized.

Copy link

commented Feb 24, 2017

awesome :)
Any idea how can I select ALL branches starting with feature/xxx or hotfix/xxx etc. ?

@adrienv1520

This comment has been minimized.

Copy link

commented Oct 13, 2017

To select all "feature-xxx" branches :

[class^="tree-view-git-status git-branch-feature-"] {
  color: rgb(42, 154, 189);
  text-shadow: -1px 0px 8px rgb(42, 154, 189, 1);
}

Did not work for me with "/".

@subesokun

This comment has been minimized.

Copy link
Owner Author

commented Oct 22, 2017

Mh right, "/" might cause some issues with the CSS selectors. Maybe some special handling needs to be implemented to strip away those characters.

@PatrickJS

This comment has been minimized.

Copy link

commented Aug 9, 2018

you can update the code to normalize the branch name to something that works for css. for example transform / -> -
https://github.com/subesokun/atom-tree-view-git-status/blob/b6f9c3ae576c8d3016126cdeb0a195572cf35c8d/lib/treeviewui.coffee#L250

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.