random-mirrors/gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated max lines of status content

Browse Source 
Improving visibility
This commit is contained in:
mgabdev 2020-01-15 11:14:44 -05:00
parent f40ff36f1b
commit 4787060608
3 changed files with 25 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/gabsocial/components/status_content.js
View File

@ -7,7 +7,7 @@ import Permalink from './permalink';
import classnames from 'classnames'; import classnames from 'classnames';
import Icon from 'gabsocial/components/icon'; import Icon from 'gabsocial/components/icon';
const MAX_HEIGHT = 642; // 20px * 32 (+ 2px padding at the top) const MAX_HEIGHT = 200;
export default class StatusContent extends React.PureComponent { export default class StatusContent extends React.PureComponent {

3
app/javascript/gabsocial/components/status_quote.js
View File

@ -30,10 +30,11 @@ export default class StatusQuote extends React.PureComponent {
return ( return (
<NavLink to={statusUrl} className="status__quote"> <NavLink to={statusUrl} className="status__quote">
<DisplayName account={account} /> <DisplayName account={account} />
<StatusContent <StatusContent
status={status} status={status}
expanded={false} expanded={false}
onClick
collapsable
/> />
</NavLink> </NavLink>
); );

2
app/javascript/styles/gabsocial/components.scss
View File

@ -428,7 +428,7 @@
} }
.status__content.status__content--collapsed { .status__content.status__content--collapsed {
max-height: 20px * 15; // 15 lines is roughly above 500 characters max-height: 20px * 10; // 10 lines x 20px per line of text
} }
.status__content__read-more-button { .status__content__read-more-button {