Fix style linting
This commit is contained in:
parent
10bdb3cefa
commit
6a03ab825f
1 changed files with 34 additions and 42 deletions
|
@ -72,12 +72,46 @@ limitations under the License.
|
||||||
.mx_EventTile_line {
|
.mx_EventTile_line {
|
||||||
border-bottom-right-radius: var(--cornerRadius);
|
border-bottom-right-radius: var(--cornerRadius);
|
||||||
}
|
}
|
||||||
|
.mx_EventTile_avatar {
|
||||||
|
left: calc(-1 * var(--avatarSize));
|
||||||
|
}
|
||||||
|
|
||||||
|
.mx_MessageActionBar {
|
||||||
|
right: 0;
|
||||||
|
transform: translate3d(50%, 50%, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
--backgroundColor: $eventbubble-others-bg;
|
||||||
}
|
}
|
||||||
&[data-self=true] {
|
&[data-self=true] {
|
||||||
.mx_EventTile_line {
|
.mx_EventTile_line {
|
||||||
border-bottom-left-radius: var(--cornerRadius);
|
border-bottom-left-radius: var(--cornerRadius);
|
||||||
|
float: right;
|
||||||
|
> a {
|
||||||
|
left: auto;
|
||||||
|
right: -35px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.mx_SenderProfile {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.mx_ReactionsRow {
|
||||||
|
float: right;
|
||||||
|
clear: right;
|
||||||
|
display: flex;
|
||||||
|
|
||||||
|
/* Moving the "add reaction button" before the reactions */
|
||||||
|
> :last-child {
|
||||||
|
order: -1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.mx_EventTile_avatar {
|
||||||
|
top: -19px; // height of the sender block
|
||||||
|
right: -45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
--backgroundColor: $eventbubble-self-bg;
|
||||||
|
}
|
||||||
|
|
||||||
.mx_EventTile_line {
|
.mx_EventTile_line {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -118,35 +152,6 @@ limitations under the License.
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&[data-self=true] {
|
|
||||||
.mx_EventTile_line {
|
|
||||||
float: right;
|
|
||||||
> a {
|
|
||||||
left: auto;
|
|
||||||
right: -35px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.mx_SenderProfile {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.mx_ReactionsRow {
|
|
||||||
float: right;
|
|
||||||
clear: right;
|
|
||||||
display: flex;
|
|
||||||
|
|
||||||
/* Moving the "add reaction button" before the reactions */
|
|
||||||
> :last-child {
|
|
||||||
order: -1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.mx_EventTile_avatar {
|
|
||||||
top: -19px; // height of the sender block
|
|
||||||
right: -45px;
|
|
||||||
}
|
|
||||||
|
|
||||||
--backgroundColor: $eventbubble-self-bg;
|
|
||||||
}
|
|
||||||
|
|
||||||
&[data-has-reply=true] {
|
&[data-has-reply=true] {
|
||||||
> .mx_EventTile_line {
|
> .mx_EventTile_line {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
@ -179,19 +184,6 @@ limitations under the License.
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&[data-self=false] {
|
|
||||||
.mx_EventTile_avatar {
|
|
||||||
left: calc(-1 * var(--avatarSize));
|
|
||||||
}
|
|
||||||
|
|
||||||
.mx_MessageActionBar {
|
|
||||||
right: 0;
|
|
||||||
transform: translate3d(50%, 50%, 0);
|
|
||||||
}
|
|
||||||
|
|
||||||
--backgroundColor: $eventbubble-others-bg;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.mx_EventTile_bubbleContainer,
|
&.mx_EventTile_bubbleContainer,
|
||||||
&.mx_EventTile_info,
|
&.mx_EventTile_info,
|
||||||
& ~ .mx_EventListSummary[data-expanded=false] {
|
& ~ .mx_EventListSummary[data-expanded=false] {
|
||||||
|
|
Loading…
Reference in a new issue