move ellipsis to global styles
This commit is contained in:
parent
4473bfd5df
commit
402006f835
@ -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".
|
||||||
//
|
//
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -8,11 +8,4 @@ transaction {
|
|||||||
border: 1px solid #eee;
|
border: 1px solid #eee;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.ellipsis {
|
|
||||||
display: block;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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>
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user