Add lables to the chapter and verse menus

This commit is contained in:
Leonard Smith 2020-12-18 14:02:19 -06:00
parent 2cbf0d8afb
commit 210da388e9
4 changed files with 5 additions and 3 deletions

View File

@ -1,4 +1,5 @@
<Scrollmenu @visible={{@visible}}>
<span class="label">Chapters:</span>
{{#each @book.chapters as |chapter|}}
<Chapter @book={{@book}} @chapter={{chapter}} @active={{this.isChapterActive}} @showVerses={{this.showVerses}} />
{{/each}}

View File

@ -1,3 +1,3 @@
<div class="scrollmenu" style="visibility: {{this.visibility}}">
<div class="scrollmenu" style="display: {{this.visibility}}">
{{yield}}
</div>

View File

@ -5,9 +5,9 @@ import { action } from '@ember/object';
export default class ScrollmenuComponent extends Component {
get visibility() {
if (this.args.visible == 'false' || this.args.visible == false) {
return "hidden";
return "none";
} else {
return "visible";
return "inline-block";
}
}
}

View File

@ -1,4 +1,5 @@
<Scrollmenu @visible={{@visible}}>
<span class="label">Verses:</span>
{{#each this.verseList as |verse|}}
<Verse @book={{@book.name}} @chapter={{@chapter}} @verse={{verse}} @verseSelected={{this.verseSelected}} />
{{/each}}