Target active nav pill with single style
This commit is contained in:
parent
da64b90d4f
commit
837452794b
|
@ -47,7 +47,8 @@ export default Ember.Component.extend(
|
||||||
this.set("hidden", false);
|
this.set("hidden", false);
|
||||||
}
|
}
|
||||||
|
|
||||||
buffer.push(`<a href='${href}'>`);
|
buffer.push(`<a href='${href}'` + (this.get("active") ? 'class="active"' : '') + `>`);
|
||||||
|
|
||||||
if (content.get("hasIcon")) {
|
if (content.get("hasIcon")) {
|
||||||
buffer.push("<span class='" + content.get("name") + "'></span>");
|
buffer.push("<span class='" + content.get("name") + "'></span>");
|
||||||
}
|
}
|
||||||
|
|
|
@ -1 +1 @@
|
||||||
<a href {{action "select"}}>{{title}}</a>
|
<a href {{action "select"}} class="{{if active 'active'}}">{{title}}</a>
|
||||||
|
|
|
@ -48,7 +48,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.active > a,
|
|
||||||
a.active {
|
a.active {
|
||||||
color: $secondary;
|
color: $secondary;
|
||||||
background-color: $quaternary;
|
background-color: $quaternary;
|
||||||
|
|
Loading…
Reference in New Issue