lukechilds
/
EasyDEX-GUI
mirror of https://github.com/lukechilds/EasyDEX-GUI.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

settings tab content collapsed height fix

all-modes
pbca26 8 years ago
parent
54733ca6b4
commit
71a4d23434
2 changed files with 11 additions and 11 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 20
      react/src/components/dashboard/settings.js
  2. 2
      react/src/styles/index.scss

20
react/src/components/dashboard/settings.js
View File

@ -32,7 +32,7 @@ class Settings extends React.Component {
activeTab: 0, activeTab: 0,
debugLinesCount: 10, debugLinesCount: 10,
debugTarget: 'iguana', debugTarget: 'iguana',
activeTabHeight: '10px', activeTabHeight: '0',
appSettings: {}, appSettings: {},
tabElId: null, tabElId: null,
}; };
@ -133,7 +133,7 @@ class Settings extends React.Component {
</div> </div>
<div <div
className={ this.state.activeTab === 8 ? 'panel-collapse collapse in' : 'panel-collapse collapse' } className={ this.state.activeTab === 8 ? 'panel-collapse collapse in' : 'panel-collapse collapse' }
style={{ height: this.state.activeTab === 8 ? this.state.activeTabHeight + 'px' : '10px' }} style={{ height: this.state.activeTab === 8 ? this.state.activeTabHeight + 'px' : '0' }}
aria-labelledby="DebugLog" aria-labelledby="DebugLog"
role="tabpanel"> role="tabpanel">
<div className="panel-body"> <div className="panel-body">
@ -363,7 +363,7 @@ class Settings extends React.Component {
</div> </div>
<div <div
className={ this.state.activeTab === 0 ? 'panel-collapse collapse in' : 'panel-collapse collapse' } className={ this.state.activeTab === 0 ? 'panel-collapse collapse in' : 'panel-collapse collapse' }
style={{ height: this.state.activeTab === 0 ? this.state.activeTabHeight + 'px' : '10px' }} style={{ height: this.state.activeTab === 0 ? this.state.activeTabHeight + 'px' : '0' }}
id="WalletInfoTab" id="WalletInfoTab"
aria-labelledby="WalletInfo" aria-labelledby="WalletInfo"
role="tabpanel"> role="tabpanel">
@ -429,7 +429,7 @@ class Settings extends React.Component {
</div> </div>
<div <div
className={ this.state.activeTab === 1 ? 'panel-collapse collapse in' : 'panel-collapse collapse' } className={ this.state.activeTab === 1 ? 'panel-collapse collapse in' : 'panel-collapse collapse' }
style={{ height: this.state.activeTab === 1 ? this.state.activeTabHeight + 'px' : '10px' }} style={{ height: this.state.activeTab === 1 ? this.state.activeTabHeight + 'px' : '0' }}
id="AddNodeforCoinTab" id="AddNodeforCoinTab"
aria-labelledby="AddNodeforCoin" aria-labelledby="AddNodeforCoin"
role="tabpanel"> role="tabpanel">
@ -523,7 +523,7 @@ class Settings extends React.Component {
</div> </div>
<div <div
className={ this.state.activeTab === 2 ? 'panel-collapse collapse in' : 'panel-collapse collapse' } className={ this.state.activeTab === 2 ? 'panel-collapse collapse in' : 'panel-collapse collapse' }
style={{ height: this.state.activeTab === 2 ? this.state.activeTabHeight + 'px' : '10px' }} style={{ height: this.state.activeTab === 2 ? this.state.activeTabHeight + 'px' : '0' }}
id="DumpWalletTab" id="DumpWalletTab"
aria-labelledby="DumpWallet" aria-labelledby="DumpWallet"
role="tabpanel"> role="tabpanel">
@ -542,7 +542,7 @@ class Settings extends React.Component {
</div> </div>
<div <div
className={ this.state.activeTab === 3 ? 'panel-collapse collapse in' : 'panel-collapse collapse' } className={ this.state.activeTab === 3 ? 'panel-collapse collapse in' : 'panel-collapse collapse' }
style={{ height: this.state.activeTab === 3 ? this.state.activeTabHeight + 'px' : '10px' }} style={{ height: this.state.activeTab === 3 ? this.state.activeTabHeight + 'px' : '0' }}
id="FiatCurrencySettingsTab" id="FiatCurrencySettingsTab"
aria-labelledby="FiatCurrencySettings" aria-labelledby="FiatCurrencySettings"
role="tabpanel"> role="tabpanel">
@ -561,7 +561,7 @@ class Settings extends React.Component {
</div> </div>
<div <div
className={ this.state.activeTab === 4 ? 'panel-collapse collapse in' : 'panel-collapse collapse' } className={ this.state.activeTab === 4 ? 'panel-collapse collapse in' : 'panel-collapse collapse' }
style={{ height: this.state.activeTab === 4 ? this.state.activeTabHeight + 'px' : '10px' }} style={{ height: this.state.activeTab === 4 ? this.state.activeTabHeight + 'px' : '0' }}
id="ExportKeysTab" id="ExportKeysTab"
aria-labelledby="ExportKeys" aria-labelledby="ExportKeys"
role="tabpanel"> role="tabpanel">
@ -625,7 +625,7 @@ class Settings extends React.Component {
</div> </div>
<div <div
className={ this.state.activeTab === 5 ? 'panel-collapse collapse in' : 'panel-collapse collapse' } className={ this.state.activeTab === 5 ? 'panel-collapse collapse in' : 'panel-collapse collapse' }
style={{ height: this.state.activeTab === 5 ? this.state.activeTabHeight + 'px' : '10px' }} style={{ height: this.state.activeTab === 5 ? this.state.activeTabHeight + 'px' : '0' }}
id="ImportKeysTab" id="ImportKeysTab"
aria-labelledby="ImportKeys" aria-labelledby="ImportKeys"
role="tabpanel"> role="tabpanel">
@ -674,7 +674,7 @@ class Settings extends React.Component {
</div> </div>
<div <div
className={ this.state.activeTab === 6 ? 'panel-collapse collapse in' : 'panel-collapse collapse' } className={ this.state.activeTab === 6 ? 'panel-collapse collapse in' : 'panel-collapse collapse' }
style={{ height: this.state.activeTab === 6 ? this.state.activeTabHeight + 'px' : '10px' }} style={{ height: this.state.activeTab === 6 ? this.state.activeTabHeight + 'px' : '0' }}
id="DebugLogTab" aria-labelledby="DebugLog" role="tabpanel"> id="DebugLogTab" aria-labelledby="DebugLog" role="tabpanel">
<div className="panel-body"> <div className="panel-body">
<p>{ translate('INDEX.DEBUG_LOG_DESC') }</p> <p>{ translate('INDEX.DEBUG_LOG_DESC') }</p>
@ -735,7 +735,7 @@ class Settings extends React.Component {
</div> </div>
<div <div
className={ this.state.activeTab === 7 ? 'panel-collapse collapse in' : 'panel-collapse collapse' } className={ this.state.activeTab === 7 ? 'panel-collapse collapse in' : 'panel-collapse collapse' }
style={{ height: this.state.activeTab === 7 ? this.state.activeTabHeight + 'px' : '10px' }} style={{ height: this.state.activeTab === 7 ? this.state.activeTabHeight + 'px' : '0' }}
id="DebugLogTab" aria-labelledby="DebugLog" role="tabpanel"> id="DebugLogTab" aria-labelledby="DebugLog" role="tabpanel">
<div className="panel-body"> <div className="panel-body">
<p> <p>

2
react/src/styles/index.scss
View File

@ -272,7 +272,7 @@ body {
transition: all .3s; transition: all .3s;
&.collapse { &.collapse {
height: 10px; height: 0;
} }
} }
} }

Write Preview
Loading…
Cancel
Save