Fix some SCSS for RTL behavior
This commit is contained in:
parent
4199f7fd87
commit
964c78c118
3 changed files with 14 additions and 13 deletions
|
@ -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;
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue