aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/css/index.css
diff options
context:
space:
mode:
authorDan Finlay <dan@danfinlay.com>2017-07-26 09:22:31 +0800
committerDan Finlay <dan@danfinlay.com>2017-07-26 09:25:56 +0800
commit0ea6749dbc923a6e796b1de4bbd301d931739b9d (patch)
tree451348ed8b04fae821140db73dacc8ddb4e65ee8 /ui/app/css/index.css
parent4d218ac57a5db8c4d3d446fbfaa5ef8488c2a6d5 (diff)
downloadtangerine-wallet-browser-0ea6749dbc923a6e796b1de4bbd301d931739b9d.tar.gz
tangerine-wallet-browser-0ea6749dbc923a6e796b1de4bbd301d931739b9d.tar.zst
tangerine-wallet-browser-0ea6749dbc923a6e796b1de4bbd301d931739b9d.zip
Lots of flex rearrangement on account detail view
Includes removal of ReactCssTransitionGroup for a simpler UI refactor.
Diffstat (limited to 'ui/app/css/index.css')
-rw-r--r--ui/app/css/index.css46
1 files changed, 39 insertions, 7 deletions
diff --git a/ui/app/css/index.css b/ui/app/css/index.css
index 2ae92bbd6..00d4bea93 100644
--- a/ui/app/css/index.css
+++ b/ui/app/css/index.css
@@ -25,19 +25,48 @@ html, body {
padding: 0;
}
-.css-transition-group {
- flex: 1;
- height: 100%;
+html {
+ min-height: 400px;
+}
+
+.app-root {
+ overflow: hidden;
+ position: relative
+}
+
+.app-primary {
+ display: flex;
}
input:focus, textarea:focus {
outline: none;
}
+.full-size {
+ height: 100%;
+ width: 100%;
+}
+
+.full-width {
+ width: 100%;
+}
+
+.full-height {
+ height: 100%;
+}
+
+.full-flex-height {
+ display: flex;
+ flex: 1 1 auto;
+ flex-direction: column;
+}
+
#app-content {
overflow-x: hidden;
min-width: 357px;
height: 100%;
+ display: flex;
+ flex-direction: column;
}
button, input[type="submit"] {
@@ -138,10 +167,6 @@ h2.page-subtitle {
margin: 12px;
}
-.app-primary {
-
-}
-
.app-footer {
padding-bottom: 10px;
align-items: center;
@@ -413,7 +438,14 @@ input.large-input {
.account-detail-section {
display: flex;
flex-wrap: wrap;
+ overflow-y: auto;
+ flex-direction: inherit;
}
+
+.grow-tenx {
+ flex-grow: 10;
+}
+
.name-label{
}