Browse Source

Adjust account__action-bar contents (#7818)

pull/4/head
Lynx Kotoura 6 years ago
committed by Eugen Rochko
parent
commit
9c08a368e7
2 changed files with 10 additions and 5 deletions
  1. +4
    -4
      app/javascript/mastodon/features/account/components/action_bar.js
  2. +6
    -1
      app/javascript/styles/mastodon/components.scss

+ 4
- 4
app/javascript/mastodon/features/account/components/action_bar.js View File

@ -140,10 +140,6 @@ export default class ActionBar extends React.PureComponent {
{extraInfo}
<div className='account__action-bar'>
<div className='account__action-bar-dropdown'>
<DropdownMenuContainer items={menu} icon='bars' size={24} direction='right' />
</div>
<div className='account__action-bar-links'>
<Link className='account__action-bar__tab' to={`/accounts/${account.get('id')}`}>
<span><FormattedMessage id='account.posts' defaultMessage='Toots' /></span>
@ -160,6 +156,10 @@ export default class ActionBar extends React.PureComponent {
<strong>{shortNumberFormat(account.get('followers_count'))}</strong>
</Link>
</div>
<div className='account__action-bar-dropdown'>
<DropdownMenuContainer items={menu} icon='ellipsis-v' size={24} direction='right' />
</div>
</div>
</div>
);

+ 6
- 1
app/javascript/styles/mastodon/components.scss View File

@ -1211,6 +1211,10 @@ a .account__avatar {
flex: 0 1 calc(50% - 140px);
padding: 10px;
.icon-button {
vertical-align: middle;
}
.dropdown--active {
.dropdown__content.dropdown__right {
left: 6px;
@ -1230,13 +1234,14 @@ a .account__avatar {
display: flex;
flex: 1 1 auto;
line-height: 18px;
text-align: center;
}
.account__action-bar__tab {
text-decoration: none;
overflow: hidden;
flex: 0 1 80px;
border-left: 1px solid lighten($ui-base-color, 8%);
border-right: 1px solid lighten($ui-base-color, 8%);
padding: 10px 5px;
& > span {

Loading…
Cancel
Save