Merge pull request PortalNetwork#55 from ahlumin/develop

fix background cover button bug
wittyCodeX · Jul 25, 2018 · 4dde6bb · 4dde6bb
2 parents e357a04 + 0d3a5a1
commit 4dde6bb
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/dapp/src/components/Arena/Arena.css b/dapp/src/components/Arena/Arena.css
@@ -78,6 +78,7 @@
       background-image: url("../../images/Elf3.png");
       animation: ElfMove 2s infinite linear; }
     .arena .ui.bg_footer {
+      position: fixed;
       bottom: 0;
       width: 100%;
       height: 159px;

diff --git a/dapp/src/components/Arena/Arena.scss b/dapp/src/components/Arena/Arena.scss
@@ -89,6 +89,7 @@
     }
 
     &.bg_footer {
+      position: fixed;
       bottom: 0;
       width: 100%;
       height: 159px;

diff --git a/dapp/src/components/Arena/index.js b/dapp/src/components/Arena/index.js
@@ -310,7 +310,7 @@ export default class extends React.Component {
                   <span className={cx('bet_eth_field')}>
                     <input type="number" name="betEth" value={betEth} max="1" step="0.01" min="0.01" onChange={this.handleBetETHChange} />
                   </span>
-                  <a onClick={this.handlePlaceBet}>
+                  <a onClick={this.handlePlaceBet} style={{position: 'relative'}}>
                     <img className={cx('place_bet_button')} src={playgameImg} />
                   </a>
                 </div>
@@ -329,7 +329,7 @@ export default class extends React.Component {
 
               <div className={cx('right')}>
                 <div className={cx('right-item')}>
-                  <a onClick={this.handleShowHistory}>
+                  <a onClick={this.handleShowHistory} style={{position: 'relative'}}>
                     <img className={cx('history-button')} src={historyImg} />
                   </a>
                 </div>