diff options
| author | Chi Kei Chan <chikeichan@gmail.com> | 2019-04-25 11:01:24 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2019-04-25 11:01:24 +0800 |
| commit | ec712d5d8fd67d966ac0a22a746503aa693810e1 (patch) | |
| tree | e59fd696f52e5653120543082f60fee93fead4bb | |
| parent | 50fa063c5de0be77f77adec0ebb5e668cfef6316 (diff) | |
| download | tangerine-wallet-browser-ec712d5d8fd67d966ac0a22a746503aa693810e1.tar.gz tangerine-wallet-browser-ec712d5d8fd67d966ac0a22a746503aa693810e1.tar.zst tangerine-wallet-browser-ec712d5d8fd67d966ac0a22a746503aa693810e1.zip | |
Set max-width on network dropdown and ellipsis long network name (#6494)
| -rw-r--r-- | ui/app/components/app/app-header/index.scss | 17 | ||||
| -rw-r--r-- | ui/app/css/itcss/components/network.scss | 7 |
2 files changed, 22 insertions, 2 deletions
diff --git a/ui/app/components/app/app-header/index.scss b/ui/app/components/app/app-header/index.scss index 325844af5..d46b16f25 100644 --- a/ui/app/components/app/app-header/index.scss +++ b/ui/app/components/app/app-header/index.scss @@ -48,7 +48,6 @@ &__contents { display: flex; - justify-content: space-between; flex-flow: row nowrap; width: 100%; @@ -74,17 +73,33 @@ flex-direction: row; align-items: center; cursor: pointer; + flex: 0 0 auto; } &__account-menu-container { display: flex; flex-flow: row nowrap; align-items: center; + flex: 1 1 auto; + width: 0; + flex-flow: row nowrap; + justify-content: flex-end; } &__network-component-wrapper { display: flex; flex-direction: row; align-items: center; + flex: 1 0 auto; + width: 0; + justify-content: flex-end; + + .network-component.pointer { + max-width: 200px; + } + + .network-indicator { + width: 100%; + } } } diff --git a/ui/app/css/itcss/components/network.scss b/ui/app/css/itcss/components/network.scss index 2c6ca2522..da90b7910 100644 --- a/ui/app/css/itcss/components/network.scss +++ b/ui/app/css/itcss/components/network.scss @@ -51,11 +51,13 @@ line-height: 15px; font-size: 12px; padding: 0 4px; + flex: 0 0 auto; } .fa-question-circle { margin: 0 4px 0 6px; font-size: 1rem; + flex: 0 0 auto; } } @@ -63,9 +65,12 @@ padding: 0 4px; font-family: Roboto; font-size: 12px; - flex: 1 0 auto; + flex: 1 1 auto; color: $tundora; font-weight: 500; + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; } .dropdown-menu-item .fa.delete { |