Skip to content
Permalink
Browse files

Same format for dictionary box as for tags list

  • Loading branch information
tobias-klein committed Nov 10, 2019
1 parent 51cf25d commit c837b572fac0cd6d18833457ec2c89f90de57717
Showing with 25 additions and 18 deletions.
  1. +4 −1 app/bible_browser/strongs_controller.js
  2. +2 −2 app/ezra_init.js
  3. +11 −9 css/toolbox.css
  4. +8 −6 html/bible_browser_toolbox.html
@@ -24,6 +24,7 @@ class StrongsController {
this.currentStrongsElement = null;
this.strongsBox = $('#strongs-box');
this.dictionaryInfoBox = $('#dictionary-info-box');
this.dictionaryInfoBoxPanel = $('#dictionary-info-box-panel');
this.dictionaryInfoBoxHeader = $('#dictionary-info-box-header');
this.dictionaryInfoBoxHelp = $('#dictionary-info-box-help');
this.dictionaryInfoBoxContent = $('#dictionary-info-box-content');
@@ -34,6 +35,8 @@ class StrongsController {
this.shiftKeyPressed = false;
this.strongsAvailable = false;

$('#dictionary-info-box').accordion();

this.strongsBox.bind('mouseout', () => {
this.hideStrongsBox();
});
@@ -64,7 +67,7 @@ class StrongsController {
}

clearDictInfoBox() {
this.dictionaryInfoBox.find('div').empty();
this.dictionaryInfoBoxPanel.find('div').empty();
this.dictionaryInfoBoxHeader.html(i18n.t("dictionary-info-box.default-header", { interpolation: {escapeValue: false} }));
this.dictionaryInfoBoxHelp.html(i18n.t("dictionary-info-box.help-instruction", { interpolation: {escapeValue: false} }));
this.dictionaryInfoBoxHelp.show();
@@ -99,7 +99,7 @@ function resize_app_container(e) {

if (bible_browser_controller.optionsMenu.strongsSwitchChecked()) {
$('#tags-content-global').css('height', app_container_height - tagsToolBarHeight - 475);
$('#dictionary-info-box').css('height', 350);
$('#dictionary-info-box-panel').css('height', 302);
} else {
$('#tags-content-global').css('height', app_container_height - tagsToolBarHeight - 115);
}
@@ -183,7 +183,7 @@ function handle_fg_button_mousedown(element, click_checkbox) {
async function initI18N()
{
await i18nHelper.init();
//await i18n.changeLanguage('de');
await i18n.changeLanguage('de');

reference_separator = i18n.t('general.chapter-verse-separator');
$(document).localize();
@@ -151,7 +151,7 @@ a.outline-reference:focus, a.outline-reference:hover {
display: inline;
}

#tags-content {
.accordion-panel {
margin-top: 0.2em;
clear: both;
padding: 0.2em;
@@ -160,19 +160,19 @@ a.outline-reference:focus, a.outline-reference:hover {
user-select: none;
}

#tags-content .ui-accordion-header {
.accordion-panel .ui-accordion-header {
height: 2.2em;
}

#tags-content input, #meta-tag-assigned-tags input {
.accordion-panel input, #meta-tag-assigned-tags input {
margin-right: 0.5em;
}

#tags-content .ui-icon-triangle-1-s {
.accordion-panel .ui-icon-triangle-1-s {
display: none;
}

#tags-content .ui-accordion-header a {
.accordion-panel .ui-accordion-header a {
padding-left: 1em;
}

@@ -181,8 +181,10 @@ a.outline-reference:focus, a.outline-reference:hover {
margin-top: 0.5em;
clear: both;
user-select: none;
border: 1px solid #DDDDDD;
border-radius: 6px;
}

#dictionary-info-box-panel {
clear: both;
overflow-y: scroll;
}

@@ -209,12 +211,12 @@ a.outline-reference:focus, a.outline-reference:hover {
margin-top: 2em;
}

#dictionary-info-box a:link {
#dictionary-info-box-panel a:link {
text-decoration: none;
color: #2779aa;
}

#dictionary-info-box a:hover {
#dictionary-info-box-panel a:hover {
text-decoration: underline;
}

@@ -33,7 +33,7 @@
<span id="rename-standard-tag-title-label" i18n="tags.title"></span>: <input id="rename-standard-tag-title-input" type="text" maxlength="255" />
</div>

<div id="tags-content">
<div id="tags-content" class="accordion-panel">
<h3><a href="#" i18n="menu.tags"></a></h3>
<div id="tags-content-global">
<div id="tags-loading-indicator" style="display: none; width: 18em; margin-top: 10em; margin-left: auto; margin-right: auto;">
@@ -48,9 +48,11 @@ <h3><a href="#" i18n="menu.tags"></a></h3>
</div>
</div>

<div id="dictionary-info-box">
<div id="dictionary-info-box-header" i18n="[html]dictionary-info-box.default-header"></div>
<div id="dictionary-info-box-help" i18n="[html]dictionary-info-box.help-instruction"></div>
<div id="dictionary-info-box-breadcrumbs"></div>
<div id="dictionary-info-box-content"></div>
<div id="dictionary-info-box" class="accordion-panel">
<h3><a href="#" id="dictionary-info-box-header" i18n="[html]dictionary-info-box.default-header"></a></h3>
<div id="dictionary-info-box-panel">
<div id="dictionary-info-box-help" i18n="[html]dictionary-info-box.help-instruction"></div>
<div id="dictionary-info-box-breadcrumbs"></div>
<div id="dictionary-info-box-content"></div>
</div>
</div>

0 comments on commit c837b57

Please sign in to comment.
You can’t perform that action at this time.