WycliffeAssociates
/
en_btr_frontend
9
1
Fork 1
Files Issues 9 Pull Requests Releases Wiki Activity See in Reader

Compare commits

merge into: WycliffeAssociates:master
Branches Tags
WycliffeAssociates:master
WycliffeAssociates:develop
WycliffeAssociates:hotfix/user-guide
WycliffeAssociates:feature/handle-fetching-commentary-articles
WycliffeAssociates:verse-arrow-buttons
WycliffeAssociates:feature/user-guide
WycliffeAssociates:hotfix/menufix
WycliffeAssociates:hotfix/repoint-cors-rules
WycliffeAssociates:feature/morphology-tooltips
...
pull from: WycliffeAssociates:verse-arrow-buttons
Branches Tags
WycliffeAssociates:develop
WycliffeAssociates:master
WycliffeAssociates:hotfix/user-guide
WycliffeAssociates:feature/handle-fetching-commentary-articles
WycliffeAssociates:verse-arrow-buttons
WycliffeAssociates:feature/user-guide
WycliffeAssociates:hotfix/menufix
WycliffeAssociates:hotfix/repoint-cors-rules
WycliffeAssociates:feature/morphology-tooltips

6 Commits
master ... verse-arro

Author SHA1 Message Date
Ezra 3f855f3883 fix style import conflict 2021-05-25 18:30:34 -05:00
Ezra 1ae1957a58 merge and fix conflicts 2021-05-25 14:21:51 -05:00
Ezra e03c561079 Arrow button fixes 2021-05-20 17:01:44 -05:00
Ezra 5da8acf533 update arrows to embed SVGs 2021-05-18 20:47:31 -05:00
Ezra 69b48a9151 formatting for arrow buttons 2021-05-18 18:58:53 -05:00
Ezra c66e612289 add verse navigation arrows 2021-05-18 18:58:53 -05:00
4 changed files with 49 additions and 18 deletions
Show Stats Expand all files Collapse all files

40
app/components/scripture-nav-bar.hbs
View File

@ -1,19 +1,29 @@
<nav class="scripture-menu navbar navbar-dark sticky-top">
<div class="container">
<Scrollmenu @visible="true">
{{#each this.books as |book|}}
<Book @book={{book}} @showChapters={{this.showChapters}} />
{{/each}}
</Scrollmenu>
<a href="#" title="Go to the previous verse">
<svg xmlns="http://www.w3.org/2000/svg" fill="#dadada" class="bi bi-arrow-left-square ml-auto" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm11.5 5.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L5.707 7.5H11.5z"/>
</svg>
</a>
<div class="container w-75">
<Scrollmenu @visible="true">
{{#each this.books as |book|}}
<Book @book={{book}} @showChapters={{this.showChapters}} />
{{/each}}
</Scrollmenu>
<ChapterNav @book={{this.currentBook}}
@showVerses={{this.showVerses}}
@visible={{this.chaptersVisible}} />
<ChapterNav @book={{this.currentBook}}
@showVerses={{this.showVerses}}
@visible={{this.chaptersVisible}} />
<VerseNav @book={{this.currentBook}}
@chapter={{this.currentChapter}}
@verses={{this.currentChapter.verses}}
@verseSelected={{this.verseSelected}}
@visible={{this.versesVisible}} />
</div>
<VerseNav @book={{this.currentBook}}
@chapter={{this.currentChapter}}
@verses={{this.currentChapter.verses}}
@verseSelected={{this.verseSelected}}
@visible={{this.versesVisible}} />
</div>
<a href="#" title="Go to the next verse">
<svg xmlns="http://www.w3.org/2000/svg" fill="#dadada" class="bi bi-arrow-right-square mr-auto" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm4.5 5.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z"/>
</svg>
</a>
</nav>

4
app/styles/app.scss
View File

@ -11,4 +11,6 @@
@import "components/footer";
@import "components/user-guide"
@import "components/user-guide";
@import "components/verse";

17
app/styles/components/verse.scss Normal file
View File

@ -0,0 +1,17 @@
.bi-arrow-left-square {
width:2rem;
height: 2rem;
}
.bi-arrow-right-square {
width:2rem;
height: 2rem;
}
a .bi-arrow-left-square, a .bi-arrow-right-square {
color:#212529;
}
.bi-arrow-left-square:hover,.bi-arrow-right-square:hover {
fill:darkgrey;
}

6
app/templates/verse.hbs
View File

@ -1,5 +1,7 @@
<div class="container pt-4">
<h1>{{model.reference}}</h1>
<div class="container pt-4 text-center">
<h1 id="verse-ref">{{model.reference}}</h1>
</div>
<div class="container">
<div class="row">
<div class="col-12 pt-4 pb-3">
<h4>ULB</h4>