forks/go-ethereum
1
0
Fork 1
mirror of https://github.com/ethereum/go-ethereum.git synced 2026-08-19 10:22:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

transaction css bug fixed and unused css removed

Browse source
This commit is contained in:
Chris Fenos 2018-08-19 18:03:18 -04:00
parent 0e574a7696
commit c0ac8c9113
6 changed files with 19 additions and 181 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
shyftBlockExplorerUI/src/components/nav/nav.css
View file

@ -33,7 +33,7 @@
font-weight: 300; font-weight: 300;
} }
button.btnActive { .btnActive {
color: #4f2e7e; color: #4f2e7e;
background-color: white; background-color: white;
font-size: 8px; font-size: 8px;

83
shyftBlockExplorerUI/src/components/table/accounts/table.css
View file

@ -1,11 +1,11 @@
.table { .table {
border-spacing: 100rem; border-spacing: 100rem;
width: 100%; width: 95%;
margin-top: 50px; margin: 0 auto;
} background-color: white;
top: 107pt;
.tHead { left: 2.5%;
font-size: 1rem; position: absolute;
} }
th { th {
@ -13,73 +13,14 @@ th {
padding-right: 10px; padding-right: 10px;
} }
.addressTag { td {
display: inline-block; font-size: 6pt;
vertical-align: bottom; background-color: white;
text-overflow: ellipsis; font-family: 'Open Sans', sans-serif;
overflow: hidden;
width: 132px;
}
.ageTag{
display: inline-block;
vertical-align: bottom;
text-overflow: ellipsis;
overflow: hidden;
width: 80px;
}
.fromTag{
display: inline-block;
vertical-align: bottom;
text-overflow: ellipsis;
overflow: hidden;
width: 100px;
}
.toTag{
display: inline-block;
vertical-align: bottom;
text-overflow: ellipsis;
overflow: hidden;
width: 100px;
}
.valueTag{
display: inline-block;
vertical-align: bottom;
text-overflow: ellipsis;
overflow: hidden;
width: 80px;
}
.incoming {
height: 25px;
width: 35px;
border: 1px forestgreen;
border-radius: 5px;
background-color: forestgreen;
color: white;
font-size: 1rem;
text-transform: uppercase;
text-align: center;
vertical-align: middle;
}
.out {
height: 25px;
width: 35px;
border: 1px orangered;
border-radius: 5px;
background-color: orangered;
color: white;
font-size: .8rem;
text-transform: uppercase;
text-align: center;
vertical-align: middle;
} }
.disabled { .disabled {
pointer-events: none; pointer-events: none;
color: black; color: black;
} }

58
shyftBlockExplorerUI/src/components/table/blocks/table.css
View file

@ -20,61 +20,3 @@ td {
background-color: white; background-color: white;
font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif;
} }
.height {
width: 50px;
}
.hash {
display: inline-block;
vertical-align: bottom;
text-overflow: ellipsis;
overflow: hidden;
width: 220px;
}
.addressTag {
display: inline-block;
vertical-align: bottom;
text-overflow: ellipsis;
overflow: hidden;
width: 150px;
}
.ageTag{
display: inline-block;
vertical-align: bottom;
text-overflow: ellipsis;
overflow: hidden;
width: 80px;
}
.fromTag{
display: inline-block;
vertical-align: bottom;
text-overflow: ellipsis;
overflow: hidden;
width: 100px;
}
.toTag{
display: inline-block;
vertical-align: bottom;
text-overflow: ellipsis;
overflow: hidden;
width: 100px;
}
.valueTag{
display: inline-block;
vertical-align: bottom;
text-overflow: ellipsis;
overflow: hidden;
width: 80px;
}
.arrow {
width: 25px;
height: 25px;
margin-left: 15px;
}

51
shyftBlockExplorerUI/src/components/table/transactions/table.css
View file

@ -1,4 +1,4 @@
.table { .table {
border-spacing: 100rem; border-spacing: 100rem;
width: 95%; width: 95%;
margin: 0 auto; margin: 0 auto;
@ -8,6 +8,7 @@
position: absolute; position: absolute;
} }
th { th {
background-color: white; background-color: white;
padding: 15pt 30pt ; padding: 15pt 30pt ;
@ -21,52 +22,8 @@ td {
font-family: 'Open Sans', sans-serif; font-family: 'Open Sans', sans-serif;
} }
.addressTag {
display: inline-block;
vertical-align: bottom;
text-overflow: ellipsis;
overflow: hidden;
width: 250px;
}
.ageTag{
display: inline-block;
vertical-align: bottom;
text-overflow: ellipsis;
overflow: hidden;
width: 80px;
}
.fromTag{
display: inline-block;
vertical-align: bottom;
text-overflow: ellipsis;
overflow: hidden;
width: 100px;
}
.toTag{
display: inline-block;
vertical-align: bottom;
text-overflow: ellipsis;
overflow: hidden;
width: 100px;
}
.valueTag{
display: inline-block;
vertical-align: bottom;
text-overflow: ellipsis;
overflow: hidden;
width: 80px;
}
.arrow {
width: 25px;
height: 25px;
}
.disabled { .disabled {
pointer-events: none; pointer-events: none;
color: black; color: black;
} }

3
shyftBlockExplorerUI/src/components/table/transactions/transactionRow.js
View file

@ -48,8 +48,7 @@ class TransactionTable extends Component {
<th scope="col" style={{fontSize: "8pt", backgroundColor: "white", color: "#4f2e7e"}}>TxHash</th> <th scope="col" style={{fontSize: "8pt", backgroundColor: "white", color: "#4f2e7e"}}>TxHash</th>
<th scope="col" style={{fontSize: "8pt", backgroundColor: "white", color: "#4f2e7e"}}>Block</th> <th scope="col" style={{fontSize: "8pt", backgroundColor: "white", color: "#4f2e7e"}}>Block</th>
<th scope="col" style={{fontSize: "8pt", backgroundColor: "white", color: "#4f2e7e"}}>Age</th> <th scope="col" style={{fontSize: "8pt", backgroundColor: "white", color: "#4f2e7e"}}>Age</th>
<th scope="col" style={{fontSize: "8pt", backgroundColor: "white", color: "#4f2e7e"}}>From</th> <th scope="col" style={{fontSize: "8pt", backgroundColor: "white", color: "#4f2e7e"}}>From</th>
<th scope="col" style={{fontSize: "8pt", backgroundColor: "white", color: "#4f2e7e"}}></th>
<th scope="col" style={{fontSize: "8pt", backgroundColor: "white", color: "#4f2e7e"}}>To</th> <th scope="col" style={{fontSize: "8pt", backgroundColor: "white", color: "#4f2e7e"}}>To</th>
<th scope="col" style={{fontSize: "8pt", backgroundColor: "white", color: "#4f2e7e"}}>Value</th> <th scope="col" style={{fontSize: "8pt", backgroundColor: "white", color: "#4f2e7e"}}>Value</th>
<th scope="col" style={{fontSize: "8pt", backgroundColor: "white", color: "#4f2e7e"}} >TxFee</th> <th scope="col" style={{fontSize: "8pt", backgroundColor: "white", color: "#4f2e7e"}} >TxFee</th>

3
shyftBlockExplorerUI/src/components/table/transactions/transactionTable.js
View file

@ -20,8 +20,7 @@ const TransactionTable = (props) => {
</td> </td>
<td style={{ paddingLeft: '30pt', paddingBottom: '7.5pt', paddingTop: '7.5pt' }}><Link style={{ color: '#8f67c9' }} to="/block/transactions" onClick={() => props.getBlockTransactions(props.blockNumber)}>{props.blockNumber}</Link></td> <td style={{ paddingLeft: '30pt', paddingBottom: '7.5pt', paddingTop: '7.5pt' }}><Link style={{ color: '#8f67c9' }} to="/block/transactions" onClick={() => props.getBlockTransactions(props.blockNumber)}>{props.blockNumber}</Link></td>
<td style={{ paddingLeft: '30pt', paddingBottom: '7.5pt', paddingTop: '7.5pt' }}>{props.age}</td> <td style={{ paddingLeft: '30pt', paddingBottom: '7.5pt', paddingTop: '7.5pt' }}>{props.age}</td>
<td style={{ paddingLeft: '30pt', paddingBottom: '7.5pt', paddingTop: '7.5pt' }} className={flag ? classes.fromTag : classes.disabled }><Link style={{ color: '#8f67c9' }} to="/account/detail" onClick={() => props.detailAccountHandler(props.from)}>{props.from}</Link></td> <td style={{ paddingLeft: '30pt', paddingBottom: '7.5pt', paddingTop: '7.5pt' }} className={flag ? classes.fromTag : classes.disabled }><Link style={{ color: '#8f67c9' }} to="/account/detail" onClick={() => props.detailAccountHandler(props.from)}>{props.from}</Link></td>
<td style={{ paddingLeft: '0pt', paddingBottom: '7.5pt', paddingTop: '7.5pt' }}><img className={classes.arrow} src={arrow} alt="arrow"/></td>
<td style={{ paddingLeft: '30pt', paddingBottom: '7.5pt', paddingTop: '7.5pt' }} className={classes.toTag}><Link style={{ color: '#8f67c9' }} to="/account/detail" onClick={() => props.detailAccountHandler(props.to)}>{props.to}</Link></td> <td style={{ paddingLeft: '30pt', paddingBottom: '7.5pt', paddingTop: '7.5pt' }} className={classes.toTag}><Link style={{ color: '#8f67c9' }} to="/account/detail" onClick={() => props.detailAccountHandler(props.to)}>{props.to}</Link></td>
<td style={{ paddingLeft: '30pt', paddingBottom: '7.5pt', paddingTop: '7.5pt' }}>{props.value}</td> <td style={{ paddingLeft: '30pt', paddingBottom: '7.5pt', paddingTop: '7.5pt' }}>{props.value}</td>
<td style={{ paddingLeft: '30pt', paddingBottom: '7.5pt', paddingTop: '7.5pt' }}>{props.cost}</td> <td style={{ paddingLeft: '30pt', paddingBottom: '7.5pt', paddingTop: '7.5pt' }}>{props.cost}</td>