RanchiMall/flosight-api
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more BEM-ification

Browse Source
This commit is contained in:
Darren Nelsen 2017-08-31 12:40:01 -04:00
parent 93ad3534f6
commit 3091810320
6 changed files with 22 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
app/src/app/app.scss
View File

@ -8,6 +8,10 @@
// 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.
body {
user-select: text;
}
.ellipsis { .ellipsis {
display: block; display: block;
overflow: hidden; overflow: hidden;
@ -15,24 +19,22 @@
white-space: nowrap; white-space: nowrap;
} }
.summary ion-label { .list--summary {
color: #333; ion-label {
font-weight: bold; color: #333;
} font-weight: bold;
}
.summary ion-item { ion-item {
color: #999; color: #999;
font-size: 1.4rem; font-size: 1.4rem;
} }
body {
user-select: text;
} }
.grid--table { .grid--table {
margin: 10px 0 20px; margin: 10px 0 20px;
.grid--table__row { ion-row {
border-top: 1px solid #ccc; border-top: 1px solid #ccc;
&:first-child { &:first-child {

6
app/src/components/latest-blocks/latest-blocks.html
View File

@ -7,7 +7,7 @@
<div *ngIf="!loading"> <div *ngIf="!loading">
<ion-grid class="grid--table"> <ion-grid class="grid--table">
<ion-row class="grid--table__row"> <ion-row>
<ion-col><b>Height</b></ion-col> <ion-col><b>Height</b></ion-col>
<ion-col *ngIf="showTimeAs === 'age'"><b>Age</b></ion-col> <ion-col *ngIf="showTimeAs === 'age'"><b>Age</b></ion-col>
<ion-col *ngIf="showTimeAs === 'timestamp'"><b>Timestamp</b></ion-col> <ion-col *ngIf="showTimeAs === 'timestamp'"><b>Timestamp</b></ion-col>
@ -16,7 +16,7 @@
<ion-col text-right><b>Size</b></ion-col> <ion-col text-right><b>Size</b></ion-col>
</ion-row> </ion-row>
<ion-row *ngFor="let block of getBlocks()" class="grid--table__row"> <ion-row *ngFor="let block of getBlocks()">
<ion-col> <ion-col>
<a (click)="goToBlock(block.hash)">{{block.height}}</a> <a (click)="goToBlock(block.hash)">{{block.height}}</a>
</ion-col> </ion-col>
@ -37,7 +37,7 @@
</ion-col> </ion-col>
</ion-row> </ion-row>
<ion-row *ngIf="showAllBlocksButton" class="grid--table__row"> <ion-row *ngIf="showAllBlocksButton">
<ion-col text-center> <ion-col text-center>
<button ion-button (click)="goToBlocks()">See all blocks</button> <button ion-button (click)="goToBlocks()">See all blocks</button>
</ion-col> </ion-col>

4
app/src/components/latest-transactions/latest-transactions.html
View File

@ -6,12 +6,12 @@
<div *ngIf="!loading"> <div *ngIf="!loading">
<ion-grid class="grid--table"> <ion-grid class="grid--table">
<ion-row class="grid--table__row"> <ion-row>
<ion-col><b>Hash</b></ion-col> <ion-col><b>Hash</b></ion-col>
<ion-col text-right><b>Value Out</b></ion-col> <ion-col text-right><b>Value Out</b></ion-col>
</ion-row> </ion-row>
<ion-row *ngFor="let tx of transactions" class="grid--table__row"> <ion-row *ngFor="let tx of transactions">
<ion-col col-9> <ion-col col-9>
<div class="ellipsis"> <div class="ellipsis">
<a (click)="goToTx(tx.txid)">{{ tx.txid }}</a> <a (click)="goToTx(tx.txid)">{{ tx.txid }}</a>

2
app/src/pages/address/address.html
View File

@ -14,7 +14,7 @@
<h2>Summary</h2> <h2>Summary</h2>
<ion-list class="summary"> <ion-list class="list--summary">
<ion-item> <ion-item>
Total Received Total Received
<span item-end> <span item-end>

2
app/src/pages/block-detail/block-detail.html
View File

@ -13,7 +13,7 @@
<h2>Summary</h2> <h2>Summary</h2>
<ion-list *ngIf="!loading" class="summary"> <ion-list *ngIf="!loading" class="list--summary">
<ion-item> <ion-item>
Number of Transactions Number of Transactions
<span item-end> <span item-end>

2
app/src/pages/transaction/transaction.html
View File

@ -13,7 +13,7 @@
<h2>Summary</h2> <h2>Summary</h2>
<ion-list class="summary"> <ion-list class="list--summary">
<ion-item> <ion-item>
Size Size
<span item-end> <span item-end>