move ellipsis to global styles

This commit is contained in:
Darren Nelsen 2017-08-09 15:29:04 -04:00
parent 4473bfd5df
commit 402006f835
5 changed files with 14 additions and 12 deletions

View File

@ -7,7 +7,14 @@
// styles are for the entire app and not just one component. // styles are for the entire app and not just one component.
// Additionally, this file can be also used as an entry point // Additionally, this file can be also used as an entry point
// to import other Sass files to be included in the output CSS. // to import other Sass files to be included in the output CSS.
//
.ellipsis {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
// Shared Sass variables, which can be used to adjust Ionic's // Shared Sass variables, which can be used to adjust Ionic's
// default Sass variables, belong in "theme/variables.scss". // default Sass variables, belong in "theme/variables.scss".
// //

View File

@ -57,7 +57,9 @@
</div> </div>
<div item-end> <div item-end>
{{ vout.value + ' BTC' }} <span [hidden]="!vout.spentTxId">(S)</span><span [hidden]="vout.spentTxId">(U)</span> {{ vout.value + ' BTC' }}
<span [hidden]="!vout.spentTxId">(S)</span>
<span [hidden]="vout.spentTxId">(U)</span>
</div> </div>
</ion-item> </ion-item>
</ion-list> </ion-list>

View File

@ -8,11 +8,4 @@ transaction {
border: 1px solid #eee; border: 1px solid #eee;
} }
} }
.ellipsis {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
} }

View File

@ -4,7 +4,7 @@
<ion-content padding> <ion-content padding>
<h1>Block #{{ block.height }}</h1> <h1>Block #{{ block.height }}</h1>
<p>BlockHash {{ block.hash }}</p> <p><b>BlockHash</b> <span class="ellipsis">{{ block.hash }}</span></p>
<h2>Summary</h2> <h2>Summary</h2>
@ -41,7 +41,7 @@
</ion-item> </ion-item>
<ion-item> <ion-item>
Merkle Root Merkle Root
<span item-end> <span item-end class="ellipsis">
{{ block.merkleroot }} {{ block.merkleroot }}
</span> </span>
</ion-item> </ion-item>

View File

@ -4,7 +4,7 @@
<ion-content padding> <ion-content padding>
<h1>Transaction</h1> <h1>Transaction</h1>
<p>{{ tx.txid }}</p> <p><b>Transaction</b> <span class="ellipsis">{{ tx.txid }}</span></p>
<h2>Summary</h2> <h2>Summary</h2>