Fix some SCSS for RTL behavior

This commit is contained in:
Thibaut Girka 2019-07-17 17:55:09 +02:00 committed by ThibG
parent 4199f7fd87
commit 964c78c118
3 changed files with 14 additions and 13 deletions

View file

@ -605,7 +605,7 @@
& > .side_arm { & > .side_arm {
display: inline-block; display: inline-block;
margin: 0 2px 0 0; margin: 0 2px;
padding: 0; padding: 0;
width: 36px; width: 36px;
text-align: center; text-align: center;

View file

@ -370,9 +370,7 @@
.status__relative-time { .status__relative-time {
display: inline-block; display: inline-block;
margin-left: auto; flex-grow: 1;
padding-left: 18px;
width: 120px;
color: $dark-text-color; color: $dark-text-color;
font-size: 14px; font-size: 14px;
text-align: right; text-align: right;
@ -382,7 +380,6 @@
} }
.status__display-name { .status__display-name {
margin: 0 auto 0 0;
color: $dark-text-color; color: $dark-text-color;
overflow: hidden; overflow: hidden;
} }
@ -394,6 +391,7 @@
.status__info { .status__info {
display: flex; display: flex;
justify-content: space-between;
font-size: 15px; font-size: 15px;
> span { > span {
@ -407,25 +405,23 @@
} }
.status__info__icons { .status__info__icons {
margin-left: auto;
display: flex; display: flex;
align-items: center; align-items: center;
height: 1em; height: 1em;
color: $action-button-color; color: $action-button-color;
.status__media-icon { .status__media-icon,
padding-left: 6px; .status__visibility-icon,
padding-right: 1px; .status__reply-icon {
} padding-left: 2px;
padding-right: 2px;
.status__visibility-icon {
padding-left: 4px;
} }
} }
.status__info__account { .status__info__account {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-start;
} }
.status-check-box { .status-check-box {

View file

@ -28,6 +28,10 @@ body.rtl {
margin-left: 4px; margin-left: 4px;
} }
.composer--publisher {
text-align: left;
}
.navigation-bar__profile { .navigation-bar__profile {
margin-left: 0; margin-left: 0;
margin-right: 8px; margin-right: 8px;
@ -136,6 +140,7 @@ body.rtl {
.status__relative-time, .status__relative-time,
.activity-stream .status.light .status__header .status__meta { .activity-stream .status.light .status__header .status__meta {
float: left; float: left;
text-align: left;
} }
.status__action-bar { .status__action-bar {