MontoyaTech/ignite-html-router
MontoyaTech/ignite-html-router
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Allowed multiple children to be specified in router link constructor. Adjusted styling to display flex and center.

Browse Source
This commit is contained in:
Matt Mo 2020-10-28 10:03:28 -07:00
parent 1dc47834e5
commit af88f24a29
1 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
ignite-router.js
View File

@ -19,6 +19,17 @@ class RouterLink extends IgniteElement {
}; };
} }
get styles() {
return `
router-link {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
`;
}
render() { render() {
return this.template return this.template
.onClick((event) => this.onClick(event)) .onClick((event) => this.onClick(event))
@ -185,16 +196,16 @@ class RouteMatcher {
window.RouteMatcher = RouteMatcher; window.RouteMatcher = RouteMatcher;
class RouterLinkTemplate extends IgniteTemplate { class RouterLinkTemplate extends IgniteTemplate {
constructor(route, element) { constructor(route, ...elements) {
super("router-link", [element]); super("router-link", elements);
this.property("route", route); this.property("route", route);
} }
} }
class RouterViewTemplate extends IgniteTemplate { class RouterViewTemplate extends IgniteTemplate {
constructor(route, element) { constructor(route, ...elements) {
super("router-view", [element]); super("router-view", elements);
this.property("route", route); this.property("route", route);
} }