treehouse
/
mastodon
21
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

Fix overflowing tabs in account__action-bar (#5056) 

* Fix numbers in accounts columns

* Support edge compact-header
lolsob-rspec
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;