Translate Fix

server/i18n/de.json

@@ -1,4 +1,13 @@
 {
+	"total-difficulty" : "Gesamtschwierigkeit",
+	"transactions-by-time" : "Transkationen nach Zeit",
+	"blocks" : "Blöcke",
+	"transaction-fees" : "Transkationsgebühren",
+	"supply-growth" : "Angebotswachstum",
+	"blocks-mined" : "Blöcke abgebaut",
+	"hashrate-growth-chart" : "HashRate-Wachstumstabelle",
+	"block-interval" : "Sperrintervall",
+	"transactions-vs-date" : "Transaktionen gegen Datum",
     "home": {
         "HEADER_TEXT": "Sie befinden sich in Testnet",
         "COUNTDOWN": "Mainnet-Countdown",
@@ -50,6 +59,7 @@
         "SEARCH_RESULT" : "Suchergebnisse für",
         "SEARCH_RESULT1" : "Ihr Suchbegriff",
         "SEARCH_RESULT2" : "ist zu kurz",
-        "SEARCH_RESULT3" : "Bitte geben Sie mindestens sechs Zeichen ein, wenn Sie nach Hash suchen"
+        "SEARCH_RESULT3" : "Bitte geben Sie mindestens sechs Zeichen ein, wenn Sie nach Hash suchen",
+        "total-difficulty" : "Gesamtschwierigkeit"
     }
 }

server/i18n/en.json

@@ -1,4 +1,13 @@
 {
+	"total-difficulty" : "Total Difficulty",
+	"transactions-by-time" : "Transactions By Time",
+	"blocks" : "Blocks",
+	"transaction-fees" : "Transaction Fees",
+	"supply-growth" : "Supply Growth",
+	"blocks-mined" : "Blocks Mined",
+	"hashrate-growth-chart" : "HashRate Growth Chart",
+	"block-interval" : "Block Interval",
+	"transactions-vs-date" : "Transcations Vs Date",
     "home": {
         "HEADER_TEXT": "You are on Testnet",
         "COUNTDOWN": "Mainnet Countdown",

src/app/shared/components/footer/footer.component.html

@@ -19,13 +19,13 @@
             </div>
             <!-- <div class="col-md-3 col-lg-4 text-right"> -->
                 <div class="col-sm-6 text-right ftr_lng">
-              <div class="dropdown ftr_dropdown d-inline-block py-2">
+              <div class="dropdown ftr_dropdown pr-2 d-inline-block py-2">
                 <span class="flag" [ngStyle]="{ 'background-image': 'url(assets/img/' + translate.getCurrentLang() + '.jpg)'}"></span> 
                 <!--<span class="flag"  ngIf="translate.getCurrentLang() =='de'" style="background-image: url('assets/img/german.jpg')"></span>-->
-                <select class="langbut btn btn-outline-primary btn-rounded py-2 ml-2" #langSelect (change)="translate.changeLang(langSelect.value)">
+                <select class="langbut ftr_lang" #langSelect (change)="translate.changeLang(langSelect.value)">
                   <option *ngFor="let lang of translate.getLanguage()" [value]="lang" [selected]="lang == translate.getCurrentLang()">{{translate.langLabel[lang]}}</option>
                 </select>
-
+                <i class="arrow_drpdwn"></i>
               </div>
               <button (click)="ChangeTheme()" class="theme_switch btn"><img src="assets/img/dark_theme.webp" height="20" class="light_theme_display"><img src="assets/img/light_theme.webp" height="19"  class="dark_theme_display"></button>
             </div>

src/app/shared/components/header/header.component.html

@@ -13,14 +13,14 @@
                   </ul>
 
           </li>
-          <li class="nav-item dropdown bg-white">
+          <li class="nav-item px-2 dropdown bg-white">
             
             <span class="flag " [ngStyle]="{ 'background-image': 'url(assets/img/' + translate.getCurrentLang() + '.jpg)'}"></span> 
             <!--<span class="flag"  ngIf="translate.getCurrentLang() =='de'" style="background-image: url('assets/img/german.jpg')"></span>-->
-            <select class="langbut btn btn-outline-primary btn-rounded py-2 ml-2" #langSelect (change)="translate.changeLang(langSelect.value)">
+            <select class="langbut py-2" #langSelect (change)="translate.changeLang(langSelect.value)">
               <option *ngFor="let lang of translate.getLanguage()" [value]="lang" [selected]="lang == translate.getCurrentLang()">{{translate.langLabel[lang]}}</option>
             </select>
-            
+            <i class="arrow_drpdwn"></i>
           </li>
           <button (click)="ChangeTheme()" class="theme_switch btn">
             <img

src/app/shared/components/siteheader/siteheader.component.html

@@ -16,12 +16,13 @@
         </button>
       </div>
       <div class="mble_view_hdr">
-        <div class="nav-item dropdown bg-white d-inline-block ml-2 order-1 order-sm-2">
+        <div class="nav-item dropdown bg-white px-2 d-inline-block ml-2 order-1 order-sm-2">
           <span class="flag " [ngStyle]="{ 'background-image': 'url(assets/img/' + translate.getCurrentLang() + '.jpg)'}"></span> 
           <!--<span class="flag"  ngIf="translate.getCurrentLang() =='de'" style="background-image: url('assets/img/german.jpg')"></span>-->
-            <select class="langbut btn btn-outline-primary btn-rounded py-2 ml-2" #langSelect (change)="translate.changeLang(langSelect.value)">
+          <select class="langbut py-2" #langSelect (change)="translate.changeLang(langSelect.value)">
             <option *ngFor="let lang of translate.getLanguage()" [value]="lang" [selected]="lang == translate.getCurrentLang()">{{translate.langLabel[lang]}}</option>
           </select>
+          <i class="arrow_drpdwn"></i>
         </div>
         <button (click)="ChangeTheme()" class="theme_switch mr-2 btn order-2 order-sm-3"><img
             src="assets/img/dark_theme.png" height="20" class="light_theme_display"><img

src/app/view/graph-view/graph-detail/graph-detail.component.html

@@ -8,7 +8,7 @@
               <div class="overflow-hidden">
                 <div class="blocks detail_graph">
 
-            <h2 class="chart_heading text-uppercase d-inline-block">{{'home.HEADER_TEXT' | translate}}</h2>
+            <h2 class="chart_heading text-uppercase d-inline-block">{{this.chartType | translate}}</h2>
   <epic-explorer-plotly *ngIf="hashdata.data" [data]="hashdata.data" [layout]="hashdata.layout">
   </epic-explorer-plotly>
    <div class="day_filter" *ngIf="this.title!='Transactions by time'">

src/assets/css/style.css

@@ -181,7 +181,7 @@ a:focus {
   background-position: center;
   background-size: cover;
   vertical-align: middle;
-  margin-right: 5px;
+  /* margin-right: 5px; */
 }
 .headerbg {
   background: url(/assets/img/body_bg.jpg);
@@ -285,6 +285,7 @@ a:focus {
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
   padding: 20px;
   transition: 0.3s linear all;
+  min-height: 169px;
 }
 .detail_div .count {
   font-size: 25px;
@@ -603,7 +604,23 @@ body.dark_theme {
   min-width: 140px;
 margin-right: 10px;
 }
-.langbut.btn-outline-primary{
+.langbut{
   border:none !important;
   color:rgba(0,0,0,.5);
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  background: #ffffff;
 }
+.langbut.ftr_lang{background: #ecf2ff;}
+.arrow_drpdwn{
+  border: solid rgba(0,0,0,.5);
+  border-width: 0 2px 2px 0;
+  display: inline-block;
+  padding: 3px;
+  transform: rotate(45deg);
+  -webkit-transform: rotate(45deg);
+  vertical-align: middle;
+  margin-top: -4px;
+}
+.langbut:focus{outline: none;}