Skip to content
This repository has been archived by the owner on Sep 28, 2020. It is now read-only.

Commit

Permalink
MM-16803 - Updating post styling (mattermost#3088)
Browse files Browse the repository at this point in the history 
* MM-16803 - Updating post styling

* Updating 12 hour clock display
  • Loading branch information
@asaadmahmood @skheria
asaadmahmood authored and skheria committed Oct 3, 2019
1 parent 6b25b6d commit 27e63d3
Show file tree
Hide file tree
Showing 5 changed files with 16 additions and 13 deletions.
10 changes: 5 additions & 5 deletions ...iew/post_body_additional_content/__snapshots__/post_body_additional_content.test.jsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@ exports[`PostBodyAdditionalContent with a YouTube video should not render conten
<div>
<button
aria-label="Toggle Embed Visibility"
className="style--none post__embed-visibility pull-left"
className="style--none post__embed-visibility color--link pull-left"
data-expanded={false}
key="toggle"
onClick={[Function]}
Expand All @@ -19,7 +19,7 @@ exports[`PostBodyAdditionalContent with a YouTube video should render correctly
<div>
<button
aria-label="Toggle Embed Visibility"
className="style--none post__embed-visibility pull-left"
className="style--none post__embed-visibility color--link pull-left"
data-expanded={true}
key="toggle"
onClick={[Function]}
Expand All @@ -42,7 +42,7 @@ exports[`PostBodyAdditionalContent with a YouTube video should render the toggle
</span>
<button
aria-label="Toggle Embed Visibility"
className="style--none post__embed-visibility "
className="style--none post__embed-visibility color--link "
data-expanded={true}
key="toggle"
onClick={[Function]}
Expand Down Expand Up @@ -72,7 +72,7 @@ exports[`PostBodyAdditionalContent with an image preview should render correctly
<div>
<button
aria-label="Toggle Embed Visibility"
className="style--none post__embed-visibility pull-left"
className="style--none post__embed-visibility color--link pull-left"
data-expanded={true}
key="toggle"
onClick={[Function]}
Expand Down Expand Up @@ -114,7 +114,7 @@ exports[`PostBodyAdditionalContent with an image preview should render the toggl
</span>
<button
aria-label="Toggle Embed Visibility"
className="style--none post__embed-visibility "
className="style--none post__embed-visibility color--link "
data-expanded={true}
key="toggle"
onClick={[Function]}
Expand Down
2 changes: 1 addition & 1 deletion components/post_view/post_body_additional_content/post_body_additional_content.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -118,7 +118,7 @@ export default class PostBodyAdditionalContent extends React.PureComponent {
return (
<button
key='toggle'
className={`style--none post__embed-visibility ${prependToggle ? 'pull-left' : ''}`}
className={`style--none post__embed-visibility color--link ${prependToggle ? 'pull-left' : ''}`}
data-expanded={this.props.isEmbedVisible}
aria-label='Toggle Embed Visibility'
onClick={this.toggleEmbedVisibility}
Expand Down
2 changes: 1 addition & 1 deletion sass/layout/_post.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1617,6 +1617,7 @@

.post-reaction-list {
display: flex;
padding: 4px 0 0;
align-items: center;
min-height: 30px;
position: relative;
Expand Down Expand Up @@ -1662,7 +1663,6 @@
line-height: 0;
margin: 0 5px;
position: relative;
top: 1px;
vertical-align: middle;
}

Expand Down
5 changes: 4 additions & 1 deletion sass/responsive/_mobile.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -421,7 +421,10 @@
}

.post-add-reaction {
display: none;
.post-reaction {
opacity: 1;
visibility: visible;
}
}

.browser--ie & {
Expand Down
10 changes: 5 additions & 5 deletions sass/responsive/_tablet.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -309,14 +309,14 @@
.channel__wrap & {
.post__permalink {
position: absolute;
left: -50px;
top: 2px;
left: -76px;
top: 1px;