github/atom
1
1
Fork 0
mirror of https://github.com/atom/atom.git synced 2026-04-06 03:02:13 -04:00
Code Issues Packages Projects Releases Wiki Activity

Get rid of disclosure arrows. Do them in :before.

Browse Source
This commit is contained in:
Ben Ogle
2013-08-26 16:29:18 -07:00
parent 0e102bde13
commit 4b9b9ca4c5
2 changed files with 29 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
themes/neue-dark-ui/icons.less
View File

@@ -10,11 +10,3 @@ a.icon {
color: @text-color-highlight;
}
}
.disclosure-arrow {
.octicon(chevron-down, @disclosure-arrow-size);
position: relative;
}
.disclosure-arrow.collapsed {
.octicon(chevron-right, @disclosure-arrow-size);
}

45
themes/neue-dark-ui/lists.less
View File

@@ -34,14 +34,6 @@
.text(highlighted);
}
.list-nested-item.collapsed > .list-group,
.list-nested-item.collapsed > .list-tree {
display: none;
}
.list-nested-item.collapsed > .list-item > .disclosure-arrow {
.octicon(chevron-right, @disclosure-arrow-size);
}
// The background highlight
.selected:before {
content: '';
@@ -68,15 +60,36 @@
// Handle indentation of the tree. Assume disclosure arrows.
.list-tree {
@disclosure-arrow-padding: @disclosure-arrow-size + @component-icon-padding;
&.has-collapsable-children {
@disclosure-arrow-padding: @disclosure-arrow-size + @component-icon-padding;
li.list-item {
margin-left: @disclosure-arrow-padding;
}
.disclosure-arrow { margin-right: @component-icon-padding; }
.list-nested-item.collapsed > .list-group,
.list-nested-item.collapsed > .list-tree {
display: none;
}
&.has-collapsable-children li.list-item {
margin-left: @disclosure-arrow-padding;
}
.list-nested-item > .list-tree,
.list-nested-item > .list-group {
margin-left: @disclosure-arrow-padding;
// Nested items always get disclosure arrows
.list-nested-item > .list-item {
.octicon(chevron-down, @disclosure-arrow-size);
&:before{
position: relative;
top: -1px;
margin-right: @component-icon-padding;
}
}
.list-nested-item.collapsed > .list-item {
.octicon(chevron-right, @disclosure-arrow-size);
&:before{
left: 1px;
}
}
.list-nested-item > .list-tree,
.list-nested-item > .list-group {
margin-left: @disclosure-arrow-padding;
}
}
}