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

@a7madgamal a7madgamal 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

@adrienv1520 adrienv1520 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

@subesokun subesokun 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

@PatrickJS PatrickJS 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