From 8889a36e9558b00326c22bcea50174443d70ff20 Mon Sep 17 00:00:00 2001
From: blavenie <benoit.lavenier@e-is.pro>
Date: Sat, 4 Nov 2017 11:34:26 +0100
Subject: [PATCH] [fix] Block view > bad title layout on mobile device - fix
#596
---
www/templates/blockchain/view_block.html | 17 +++++++++++------
1 file changed, 11 insertions(+), 6 deletions(-)
diff --git a/www/templates/blockchain/view_block.html b/www/templates/blockchain/view_block.html
index d543d266..b7ae0a06 100644
--- a/www/templates/blockchain/view_block.html
+++ b/www/templates/blockchain/view_block.html
@@ -1,10 +1,10 @@
<ion-view>
- <ion-nav-title class="visible-xs visible-sm">
- <span ng-if="number=='current'">{{'BLOCKCHAIN.VIEW.TITLE_CURRENT'|translate}}</span>
- <span ng-if="!loading && number!='current'">{{'BLOCKCHAIN.VIEW.HEADER_TITLE'|translate:formData}}</span>
+ <ion-nav-title>
+ <span class="title visible-xs visible-sm" ng-if="number=='current'">{{'BLOCKCHAIN.VIEW.TITLE_CURRENT'|translate}}</span>
+ <span class="title visible-xs visible-sm" ng-if="number!='current'">{{'BLOCKCHAIN.VIEW.TITLE'|translate:formData}}</span>
</ion-nav-title>
- <ion-content scroll="true">
+ <ion-content class="no-padding-xs" scroll="true">
<div class="row no-padding">
<div class="col col-15 hidden-xs hidden-sm"> </div>
@@ -21,7 +21,10 @@
<!-- header -->
<div class="item item-text-wrap" >
- <h1 class="padding-top hidden-xs hidden-sm">{{'BLOCKCHAIN.VIEW.TITLE'|translate:formData}}</h1>
+ <h1 class="padding-top hidden-xs hidden-sm">
+ <span ng-if="number!='current'">{{'BLOCKCHAIN.VIEW.TITLE'|translate:formData}}</span>
+ <span ng-if="number=='current'">{{'BLOCKCHAIN.VIEW.TITLE_CURRENT'|translate}}</span>
+ </h1>
<h3>
<span class="dark">
@@ -110,7 +113,9 @@
</h5>
</ion-item>
- <ion-item></ion-item>
+ <!-- spacer -->
+ <ion-item class="hidden-sm hidden-xs"></ion-item>
+
<span class="item item-divider">
{{'BLOCKCHAIN.VIEW.DATA_DIVIDER' | translate}}
</span>
--
GitLab