Fix various message bubble alignment issues

Signed-off-by: Robin Townsend <robin@robin.town>
This commit is contained in:
Robin Townsend 2021-09-11 11:39:44 -04:00
parent ac0ba2d597
commit 8099791b32

View file

@ -26,7 +26,7 @@ limitations under the License.
position: relative; position: relative;
margin-top: var(--gutterSize); margin-top: var(--gutterSize);
margin-left: 50px; margin-left: 49px;
margin-right: 100px; margin-right: 100px;
&.mx_EventTile_continuation { &.mx_EventTile_continuation {
@ -287,6 +287,7 @@ limitations under the License.
.mx_EventTile_line, .mx_EventTile_line,
.mx_EventTile_info { .mx_EventTile_info {
min-width: 100%; min-width: 100%;
margin: 0;
} }
.mx_EventTile_e2eIcon { .mx_EventTile_e2eIcon {
@ -295,8 +296,8 @@ limitations under the License.
.mx_EventTile_line > a { .mx_EventTile_line > a {
right: auto; right: auto;
top: -15px; top: -11px;
left: -68px; left: -95px;
} }
} }
@ -326,11 +327,9 @@ limitations under the License.
} }
.mx_EventTile_line { .mx_EventTile_line {
margin: 0 5px; margin: 0;
> a { > a {
left: auto; left: -76px;
right: 0;
transform: translateX(calc(100% + 5px));
} }
} }
@ -340,7 +339,7 @@ limitations under the License.
} }
.mx_EventListSummary[data-expanded=false][data-layout=bubble] { .mx_EventListSummary[data-expanded=false][data-layout=bubble] {
padding: 0 34px; padding: 0 49px;
} }
/* events that do not require bubble layout */ /* events that do not require bubble layout */