Fix extra scrollbars in dapps (#3706)

* Fix extra scrollbars in dapps

* Dapps list padding

* spelling

* lint

* Height overflow fix
This commit is contained in:
Jaco Greeff 2016-12-02 15:10:38 +01:00 committed by Nicolas Gotchac
parent 3837114eb2
commit bd2e2b630c
4 changed files with 5 additions and 11 deletions

View File

@ -8,7 +8,7 @@
<style> <style>
html, body, #container { html, body, #container {
width: 100%; width: 100%;
height: 100%; min-height: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
background: white; background: white;

View File

@ -14,8 +14,9 @@
/* You should have received a copy of the GNU General Public License /* You should have received a copy of the GNU General Public License
/* along with Parity. If not, see <http://www.gnu.org/licenses/>. /* along with Parity. If not, see <http://www.gnu.org/licenses/>.
*/ */
.layout { .layout {
padding: 0.25em; padding: 0.25em 0.25em 1em 0.25em;
} }
.layout>div { .layout>div {

View File

@ -15,13 +15,8 @@
/* along with Parity. If not, see <http://www.gnu.org/licenses/>. /* along with Parity. If not, see <http://www.gnu.org/licenses/>.
*/ */
.outer,
.container { .container {
min-height: 100vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} min-height: 100vh;
.container {
padding-bottom: 1.6em;
} }

View File

@ -30,8 +30,6 @@ import Status from './Status';
import Store from './store'; import Store from './store';
import TabBar from './TabBar'; import TabBar from './TabBar';
import styles from './application.css';
const inFrame = window.parent !== window && window.parent.frames.length !== 0; const inFrame = window.parent !== window && window.parent.frames.length !== 0;
@observer @observer
@ -62,7 +60,7 @@ class Application extends Component {
} }
return ( return (
<div className={ styles.outer }> <div>
{ isDapp ? this.renderDapp() : this.renderApp() } { isDapp ? this.renderDapp() : this.renderApp() }
<Connection /> <Connection />
<ParityBar dapp={ isDapp } /> <ParityBar dapp={ isDapp } />