PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Fix style linting

Browse source
This commit is contained in:
Germain Souquet 2021-07-07 13:15:25 +02:00
parent 10bdb3cefa
commit 6a03ab825f
1 changed files with 34 additions and 42 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

76
res/css/views/rooms/_EventBubbleTile.scss
View file

@ -72,11 +72,45 @@ 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 {
@ -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] {