diff --git a/app/javascript/mastodon/components/dropdown_menu.js b/app/javascript/mastodon/components/dropdown_menu.js index e1e45a615..e1a68a24e 100644 --- a/app/javascript/mastodon/components/dropdown_menu.js +++ b/app/javascript/mastodon/components/dropdown_menu.js @@ -162,6 +162,7 @@ class DropdownMenu extends React.PureComponent { {/*{i} )*/} {text} + {i === 0 && } diff --git a/app/javascript/mastodon/components/status_content.js b/app/javascript/mastodon/components/status_content.js index fe34b7beb..266ebcd94 100644 --- a/app/javascript/mastodon/components/status_content.js +++ b/app/javascript/mastodon/components/status_content.js @@ -205,7 +205,7 @@ export default class StatusContent extends React.PureComponent { + /> ); @@ -218,10 +218,7 @@ export default class StatusContent extends React.PureComponent { + /> ); diff --git a/app/javascript/styles/bliss/components.scss b/app/javascript/styles/bliss/components.scss index e9cfbeb8a..1363b4919 100644 --- a/app/javascript/styles/bliss/components.scss +++ b/app/javascript/styles/bliss/components.scss @@ -847,10 +847,9 @@ .status__content.status__content--collapsed { max-height: 20px * 15; // 15 lines is roughly above 500 characters } - .status__content__read-more-button { display: block; - font-size: 15px; + font-size: 0.85em; line-height: 20px; color: lighten($ui-highlight-color, 8%); border: 0; @@ -870,6 +869,15 @@ margin-left: 1ch; } + + span{ + opacity: 0; + transition: all ease 0.5s; + &:hover{ + opacity: 1; + transition: all ease 0.5s; + } + } } .status__content__spoiler-link { @@ -1821,6 +1829,10 @@ a.account__display-name { outline: 0; } } + i.fa{ + margin-left: 1ch; + margin-right: 1ch; + } } .dropdown--active .dropdown__content {