Skip to content
This repository has been archived by the owner on Mar 13, 2024. It is now read-only.

MM-16803 - Updating post styling #3088

Merged
merged 2 commits into from
Jul 11, 2019
Merged

MM-16803 - Updating post styling #3088

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
f329d61
MM-16803 - Updating post styling
asaadmahmood Jul 10, 2019
efd5061
Updating 12 hour clock display
asaadmahmood Jul 10, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Next Next commit
MM-16803 - Updating post styling
  • Loading branch information
@asaadmahmood
asaadmahmood committed Jul 10, 2019
commit f329d612d45d6c9607a20316b0963e996735d09e
10 changes: 5 additions & 5 deletions ...iew/post_body_additional_content/__snapshots__/post_body_additional_content.test.jsx.snap
View file
Open in desktop
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
Open in desktop
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
Open in desktop
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
Open in desktop
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
6 changes: 3 additions & 3 deletions sass/responsive/_tablet.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -309,8 +309,8 @@
.channel__wrap & {
.post__permalink {
position: absolute;
left: -50px;
top: 2px;
left: -65px;
top: 1px;
}

.post__time {
Expand Down Expand Up @@ -502,7 +502,7 @@
.post__permalink {
position: absolute;
left: -18px;
top: 5px;
top: 3px;

.sidebar--right & {
left: -18px;
Expand Down