Skip to content

Commit

Permalink
feat(.sectionHeader): Created new class for all headers
Browse files Browse the repository at this point in the history 
- Eliminated all h2 styling that were referred individually and created
a common class .sectionHeader for the Section headers and also the modal
popups headers.
  • Loading branch information
@supereth
supereth committed Nov 20, 2016
1 parent 36f281e commit bf255d6
Show file tree
Hide file tree
Showing 2 changed files with 24 additions and 32 deletions.
40 changes: 16 additions & 24 deletions src/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -149,6 +149,17 @@ body {
font-weight: 600;
}

.sectionHeader {
background-color: #ffffff;
border: 0px solid #F0F0F0;
text-align: center;
font-size: 1.25rem;
color: #333333;
letter-spacing: .2rem;
padding-bottom: 1rem;
font-weight: 200;
}


/* Custom Scrollbar */

Expand Down Expand Up @@ -471,10 +482,6 @@ body {
max-width: 550px;
}

#login-wPop-new h2 {
margin-bottom: 1rem;
}

#login-wPop-new p {
padding-left: 2rem;
padding-right: 2rem;
Expand Down Expand Up @@ -970,10 +977,13 @@ span.tabs-radio img.selected {
#full-transaction-history,
#wallet-transaction-history {
width: 100%;
padding: .5rem;
padding-bottom: 1rem;
}

#wallet-transaction-history {
padding-top: 1rem;
}

#wB-butSend-WAV {
padding-bottom: 2rem;
}
Expand All @@ -984,7 +994,7 @@ span.tabs-radio img.selected {
}

#wB-butSend-WAV .balanceAmt {
/* padding-right: 2rem;*/
/* padding-right: 2rem;*/
text-align: center;
padding-bottom: .25rem;
}
Expand Down Expand Up @@ -1474,24 +1484,6 @@ span.tabs-radio img.selected {
width: 100%;
}


/* This next rule must be created as a standard
Angular template or on the top area of CSS file */

#mBB-portfolio h2,
#mBB-history h2,
#mBB-token h2,
#header-wPop-backup h2 {
background-color: #ffffff;
border: 0px solid #F0F0F0;
text-align: center;
font-size: 1.25rem;
color: #333333;
letter-spacing: .2rem;
padding-bottom: 1rem;
font-weight: 200;
}

#portfolio .btn {
border: none;
width: 8rem;
Expand Down
16 changes: 8 additions & 8 deletions src/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -78,7 +78,7 @@ <h2 id="AccHeader">{{accounts.caption}}</h2>

<!-- Remove Account popup -->
<div id="account-remove-popup" waves-dialog on-dialog-ok="list.removeAccount()" is-error="true" ok-button-caption="REMOVE">
<h2>REMOVE ACCOUNT <span id="removeAccountSpan"></span> - NOTICE</h2>
<h2 class="sectionHeader">REMOVE ACCOUNT <span id="removeAccountSpan"></span> - NOTICE</h2>
<p>This feature completely removes the account from this device.
<br/><br/>
The account will not be eliminated or destroyed, but instead will not be shown anymore in the Accounts List at the client startup.
Expand Down Expand Up @@ -131,7 +131,7 @@ <h2>SEED NOTICE</h2>
</div>

<div id="login-wPop-new" waves-dialog ok-button-caption="I UNDERSTAND" on-dialog-ok="" cancel-button-visible="false" closeable="false">
<h2>NEW ACCOUNT - NOTICE</h2>
<h2 class="sectionHeader">NEW ACCOUNT - NOTICE</h2>
<p>This feature involves the creation of a new account on Waves platform.
<br/><br/>
The procedure consists of complex cryptographic operations that use a <b>SEED</b> (a series of random words) to create a unique address for your account.
Expand Down Expand Up @@ -232,7 +232,7 @@ <h2>NEW ACCOUNT - NOTICE</h2>
<div id="wrapper" ng-switch-when="main-screen" ng-cloak>
<!-- shared blocks -->
<div id="feat-not-active" waves-dialog show-buttons="false" is-error="true">
<h2>NOTICE</h2>
<h2 class="sectionHeader">NOTICE</h2>
<p>This feature is still under development and not active during the alpha release.
<br/><br/>
Follow our social media channels for being up-to-date with the latest improvements and developments.
Expand Down Expand Up @@ -266,7 +266,7 @@ <h2>NOTICE</h2>
<img class="header-Icon fade" tooltipster tooltip-theme="tooltipster-theme2" src="img/uiTB-iconset-backup.svg" alt="Backup" title="Backup"/>
</a>
<div id="header-wPop-backup" waves-dialog on-dialog-ok="menu.backup()" ok-button-caption="COPY" cancel-button-caption="CLOSE">
<h2>ACCOUNT INFO BACKUP</h2>
<h2 class="sectionHeader">ACCOUNT INFO BACKUP</h2>
<p>Your account's basic information, click the <b>COPY</b> button in order to copy the contents to the clipboard or <b>CLOSE</b> to exit.</p></br>
<form id="backupForm">
<label for="seedBackup">SEED</label><br/>
Expand Down Expand Up @@ -387,8 +387,8 @@ <h2>SEND PAYMENT</h2>
</div>
<div id="wallet-transaction-history" class="wavesTable">
<table>
<h2 class="sectionHeader">LATEST TRANSACTIONS</h2>
<thead>
<div class="wTMainHeader">LATEST TRANSACTIONS</div>
<tr>
<td>DATE</td>
<td>TYPE</td>
Expand Down Expand Up @@ -418,7 +418,7 @@ <h2>SEND PAYMENT</h2>
<!-- PORTFOLIO TAB -->
<div id="mBB-portfolio" class="mBB-content" ng-switch-when="portfolio">
<div ng-controller="assetListController as assetList">
<h2>PORTFOLIO</h2>
<h2 class="sectionHeader">PORTFOLIO</h2>
<table class="wavesTable">
<thead>
<tr>
Expand Down Expand Up @@ -640,7 +640,7 @@ <h1>DECENTRALIZED VOTING</h1>
<div id="mBB-history" class="mBB-content" ng-switch-when="history" ng-controller="historyController as history">

<div id="full-transaction-history" class="wavesTable" >
<h2>LATEST TRANSACTIONS</h2>
<h2 class="sectionHeader">LATEST TRANSACTIONS</h2>
<table>
<thead>
<!-- <div class="wTMainHeader">LATEST TRANSACTIONS</div>-->
Expand Down Expand Up @@ -682,7 +682,7 @@ <h2>LATEST TRANSACTIONS</h2>
<div id="mBB-token" class="mBB-content" ng-switch-when="tokens">

<div ng-controller="tokenCreateController as ctrl">
<h2>ASSET CREATION</h2>
<h2 class="sectionHeader">ASSET CREATION</h2>
<form id="create-asset-form" name="createAssetForm" novalidate ng-validate="ctrl.issuanceValidationOptions" ng-submit="ctrl.assetIssueConfirmation(createAssetForm, $event)">
<table class="wavesTable">
<thead>
Expand Down

0 comments on commit bf255d6

Please sign in to comment.