me/glitchier-soc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix overflowing tabs in account__action-bar (#5056)

Browse source 
* Fix numbers in accounts columns

* Support edge compact-header
This commit is contained in:
Lynx Kotoura 2017-09-24 04:06:16 +09:00 committed by Eugen Rochko
parent da257754b5
commit 2063f622df
2 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
app/javascript/styles/compact_header.scss
View file

@ -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;

4
app/javascript/styles/components.scss
View file

@ -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;