diff options
| author | Lynx Kotoura <admin@sanin.link> | 2017-09-24 04:06:16 +0900 |
|---|---|---|
| committer | Eugen Rochko <eugen@zeonfederated.com> | 2017-09-23 21:06:16 +0200 |
| commit | 838f255fc27249196dec0bdaa63660ab51f33567 (patch) | |
| tree | fa63fd3969335d02c5514077823ea994210c8180 | |
| parent | 1e02ba111ae38ab758135b5b2b46f34c672ca02e (diff) | |
Fix overflowing tabs in account__action-bar (#5056)
* Fix numbers in accounts columns * Support edge compact-header
| -rw-r--r-- | app/javascript/styles/compact_header.scss | 2 | ||||
| -rw-r--r-- | app/javascript/styles/components.scss | 4 |
2 files changed, 3 insertions, 3 deletions
diff --git a/app/javascript/styles/compact_header.scss b/app/javascript/styles/compact_header.scss index cf12fcfec..90d98cc8c 100644 --- a/app/javascript/styles/compact_header.scss +++ b/app/javascript/styles/compact_header.scss @@ -6,7 +6,7 @@ font-weight: 500; margin-bottom: 20px; padding: 0 10px; - overflow-wrap: break-word; + word-wrap: break-word; @media screen and (max-width: 740px) { text-align: center; diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss index 755c9eb35..965d10618 100644 --- a/app/javascript/styles/components.scss +++ b/app/javascript/styles/components.scss @@ -920,7 +920,7 @@ } .account__action-bar-dropdown { - flex: 1 1 auto; + flex: 0 1 calc(50% - 140px); padding: 10px; .dropdown--active { @@ -947,7 +947,7 @@ .account__action-bar__tab { text-decoration: none; overflow: hidden; - width: 80px; + flex: 0 1 80px; border-left: 1px solid lighten($ui-base-color, 8%); padding: 10px 5px; |