Fix overflowing tabs in account__action-bar (#5056)
* Fix numbers in accounts columns * Support edge compact-header
This commit is contained in:
parent
1e02ba111a
commit
838f255fc2
|
@ -6,7 +6,7 @@
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
overflow-wrap: break-word;
|
word-wrap: break-word;
|
||||||
|
|
||||||
@media screen and (max-width: 740px) {
|
@media screen and (max-width: 740px) {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
|
@ -920,7 +920,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.account__action-bar-dropdown {
|
.account__action-bar-dropdown {
|
||||||
flex: 1 1 auto;
|
flex: 0 1 calc(50% - 140px);
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
|
||||||
.dropdown--active {
|
.dropdown--active {
|
||||||
|
@ -947,7 +947,7 @@
|
||||||
.account__action-bar__tab {
|
.account__action-bar__tab {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
width: 80px;
|
flex: 0 1 80px;
|
||||||
border-left: 1px solid lighten($ui-base-color, 8%);
|
border-left: 1px solid lighten($ui-base-color, 8%);
|
||||||
padding: 10px 5px;
|
padding: 10px 5px;
|
||||||
|
|
||||||
|
|
Reference in a new issue