Do not switch to italic for status media buttons

master
Thibaut Girka 6 years ago committed by ThibG
parent 2e3640ecbb
commit 659f972bed
  1. 4
      app/javascript/flavours/glitch/components/status_content.js
  2. 42
      app/javascript/flavours/glitch/styles/components/status.scss

@ -213,6 +213,7 @@ export default class StatusContent extends React.PureComponent {
style={directionStyle}
tabIndex={!hidden ? 0 : null}
dangerouslySetInnerHTML={content}
className='status__text'
lang={status.get('language')}
/>
{media}
@ -233,6 +234,7 @@ export default class StatusContent extends React.PureComponent {
ref={this.setRef}
dangerouslySetInnerHTML={content}
lang={status.get('language')}
className='status__text'
tabIndex='0'
/>
{media}
@ -245,7 +247,7 @@ export default class StatusContent extends React.PureComponent {
style={directionStyle}
tabIndex='0'
>
<div ref={this.setRef} dangerouslySetInnerHTML={content} lang={status.get('language')} tabIndex='0' />
<div ref={this.setRef} className='status__text' dangerouslySetInnerHTML={content} lang={status.get('language')} tabIndex='0' />
{media}
</div>
);

@ -31,31 +31,33 @@
}
}
h1, h2, h3, h4, h5 {
margin-top: 20px;
margin-bottom: 20px;
}
.status__text {
h1, h2, h3, h4, h5 {
margin-top: 20px;
margin-bottom: 20px;
}
h1, h2 {
font-weight: 500;
font-size: 18px;
}
h1, h2 {
font-weight: 500;
font-size: 18px;
}
h2 {
font-size: 16px;
}
h2 {
font-size: 16px;
}
blockquote {
margin-left: 20px;
color: $dark-text-color;
}
blockquote {
margin-left: 20px;
color: $dark-text-color;
}
b, strong {
font-weight: 500;
}
b, strong {
font-weight: 500;
}
em, i {
font-style: italic;
em, i {
font-style: italic;
}
}
a {

Loading…
Cancel
Save