FIX: fixed bugs in strongs modal, tweaked display of scroll bars, text in strongs

DynamicBibleIonic/src/components/strongs-modal/strongs-modal.html

@@ -1,7 +1,7 @@
 <ion-header>
     <ion-toolbar>
         <ion-title>
-            <ion-icon name="paper" item-left></ion-icon> <span *ngIf="item !== undefined"><span *ngIf="data.status === -1">Error:</span>Strongs: {{item.prefix}}{{item.sn}}</span>
+            <ion-icon name="paper" item-left></ion-icon> <span *ngIf="item !== undefined"><span *ngIf="item.status === -1">Error:</span>Strongs: {{item.prefix}}{{item.sn}}</span>
         </ion-title>
         <ion-buttons start>
             <button ion-button (click)="dismiss()" large>
@@ -10,7 +10,7 @@
         </ion-buttons>
     </ion-toolbar>
 </ion-header>
-<ion-content padding *ngIf="item !== undefined && data.status === 0">
+<ion-content padding *ngIf="item !== undefined && item.status === 0">
     <br>
     <h2>Strong's Definitition</h2>
     <p>
@@ -29,12 +29,13 @@
         </ul>
     </template>
     <h2>Cross References</h2>
+    Translated as {{item.crossrefs.ss.length}} words 
     <dl>
         <dd *ngFor="let wrd of item.crossrefs.ss">
-            {{wrd.w}}: <span *ngFor="let p of wrd.rs"><a (click)="openPassage(p.r)">{{makePassage(p.r)}}</a>, </span>
+            <strong>{{wrd.w}}:</strong> <span *ngFor="let p of wrd.rs"><a (click)="openPassage(p.r)">{{makePassage(p.r)}}</a>, </span>
         </dd>
     </dl>
 </ion-content>
- <ion-content *ngIf="data !== undefined && data.status === -1">
-    <error-message [msg]="data.msg"></error-message>
+ <ion-content *ngIf="item !== undefined && item.status === -1">
+    <error-message [msg]="item.msg"></error-message>
 </ion-content>

DynamicBibleIonic/src/components/strongs-modal/strongs-modal.scss

@@ -1,5 +1,25 @@
 strongs-modal {
     a {
         cursor: pointer !important;
+        color: black;
+        border-bottom: 1px dotted #b3bfd0;
+    }
+
+    .bar-button-ios {
+        padding-right: 25px;
+        padding-left: 9px;
+    }
+
+    .bar-button-md, .bar-button-wp {
+        padding-left: 25px;
+        padding-right: 9px;
+    }
+
+    .scroll-content {
+        line-height: 1.5em;
+    }
+
+    dd {
+        line-height: 1.7em;
     }
 }

DynamicBibleIonic/src/components/strongs/strongs.html

@@ -26,10 +26,11 @@
     </div>
     <div class="strongs-cross">
         <h2>Cross References</h2>
+        Translated as {{data.crossrefs.ss.length}} words 
         <ion-scroll scrollY="true">
             <dl>
                 <dd *ngFor="let wrd of data.crossrefs.ss">
-                    <b>{{wrd.w}}</b>: <span *ngFor="let p of wrd.rs"><a (click)="openPassage(p.r)">{{makePassage(p.r)}}</a>, </span>
+                    <strong>{{wrd.w}}</strong>: <span *ngFor="let p of wrd.rs"><a (click)="openPassage(p.r)">{{makePassage(p.r)}}</a>, </span>
                 </dd>
             </dl>
         </ion-scroll>

DynamicBibleIonic/src/components/strongs/strongs.scss

@@ -29,6 +29,19 @@ strongs {
 
     dd {
         -webkit-margin-start: 12px;
+        line-height: 1.7em;
+    }
+    
+    ::-webkit-scrollbar {
+        width: 12px;
+    }
+    /* Track */
+    ::-webkit-scrollbar-track {
+        -webkit-box-shadow: rgba(0,0,0,0.05) 12px 12px inset;
+    }
+    /* Handle */
+    ::-webkit-scrollbar-thumb {
+        background: rgba(0,0,0,0.1);
     }
 }
 

DynamicBibleIonic/src/components/words/words.scss

@@ -31,6 +31,19 @@
     ion-col {
         margin-bottom: 0px !important;
     }
+    
+    ::-webkit-scrollbar {
+        width: 12px;
+    }
+    /* Track */
+    ::-webkit-scrollbar-track {
+        -webkit-box-shadow: rgba(0,0,0,0.05) 12px 12px inset;
+    }
+    /* Handle */
+    ::-webkit-scrollbar-thumb {
+        background: rgba(0,0,0,0.1);
+    }
+
 }
 
 @media screen and (max-width: 499px) {

DynamicBibleIonic/src/pages/search/search.scss

@@ -16,7 +16,7 @@
 
     a {
         color: black;
-        border-bottom: 1px dotted #ccc;
+        border-bottom: 1px dotted #b3bfd0;
     }
 }