diff options
Diffstat (limited to 'src/components/competition-element.js')
-rw-r--r-- | src/components/competition-element.js | 7 |
1 files changed, 5 insertions, 2 deletions
diff --git a/src/components/competition-element.js b/src/components/competition-element.js index afa94d2..072f654 100644 --- a/src/components/competition-element.js +++ b/src/components/competition-element.js @@ -25,11 +25,12 @@ class CompetitionElement extends LitElement { } </style> - <paper-card - onmouseover ="${() => this.toggleTab()}" + <paper-card + onmouseover ="${() => this.toggleTab()}" onmouseout ="${() => this.toggleTab()}"> <div class="card-content"> <h3>${props.name}</h3> + <h4>${props.location}</h4> <p hidden="${!this.infoTabOpen}"> ${props.information}</p> </div> </paper-card> @@ -39,6 +40,7 @@ class CompetitionElement extends LitElement { static get properties() { return { name: String, information: String, + location: String, infoTabOpen: Boolean }}; @@ -47,6 +49,7 @@ class CompetitionElement extends LitElement { this.name = "Competition"; this.information = "Competition Information"; + this.location = "Competition Location"; this.infoTabOpen = false; } |