Apply prettier formatting
This commit is contained in:
parent
1cac306093
commit
526645c791
1576 changed files with 65385 additions and 62478 deletions
|
@ -50,7 +50,7 @@ $left-gutter: 64px;
|
|||
mask-size: 16px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
content: '';
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
|
@ -59,11 +59,11 @@ $left-gutter: 64px;
|
|||
}
|
||||
|
||||
.mx_EventTile_receiptSent::before {
|
||||
mask-image: url('$(res)/img/element-icons/circle-sent.svg');
|
||||
mask-image: url("$(res)/img/element-icons/circle-sent.svg");
|
||||
}
|
||||
|
||||
.mx_EventTile_receiptSending::before {
|
||||
mask-image: url('$(res)/img/element-icons/circle-sending.svg');
|
||||
mask-image: url("$(res)/img/element-icons/circle-sending.svg");
|
||||
}
|
||||
|
||||
.mx_EventTile_content {
|
||||
|
@ -225,9 +225,8 @@ $left-gutter: 64px;
|
|||
&.mx_EventTile_selected {
|
||||
> .mx_EventTile_line {
|
||||
/* TODO: ultimately we probably want some transition on here. */
|
||||
box-shadow:
|
||||
inset var(--EventTile-box-shadow-offset-x) 0 0
|
||||
var(--EventTile-box-shadow-spread-radius) $accent;
|
||||
box-shadow: inset var(--EventTile-box-shadow-offset-x) 0 0 var(--EventTile-box-shadow-spread-radius)
|
||||
$accent;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -247,21 +246,18 @@ $left-gutter: 64px;
|
|||
}
|
||||
|
||||
&.mx_EventTile_verified .mx_EventTile_line {
|
||||
box-shadow:
|
||||
inset var(--EventTile-box-shadow-offset-x) 0 0
|
||||
var(--EventTile-box-shadow-spread-radius) $e2e-verified-color;
|
||||
box-shadow: inset var(--EventTile-box-shadow-offset-x) 0 0 var(--EventTile-box-shadow-spread-radius)
|
||||
$e2e-verified-color;
|
||||
}
|
||||
|
||||
&.mx_EventTile_unverified .mx_EventTile_line {
|
||||
box-shadow:
|
||||
inset var(--EventTile-box-shadow-offset-x) 0 0
|
||||
var(--EventTile-box-shadow-spread-radius) $e2e-unverified-color;
|
||||
box-shadow: inset var(--EventTile-box-shadow-offset-x) 0 0 var(--EventTile-box-shadow-spread-radius)
|
||||
$e2e-unverified-color;
|
||||
}
|
||||
|
||||
&.mx_EventTile_unknown .mx_EventTile_line {
|
||||
box-shadow:
|
||||
inset var(--EventTile-box-shadow-offset-x) 0 0
|
||||
var(--EventTile-box-shadow-spread-radius) $e2e-unknown-color;
|
||||
box-shadow: inset var(--EventTile-box-shadow-offset-x) 0 0 var(--EventTile-box-shadow-spread-radius)
|
||||
$e2e-unknown-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -499,8 +495,9 @@ $left-gutter: 64px;
|
|||
> .mx_EventTile_line {
|
||||
/* 15 px of padding */
|
||||
/* stylelint-disable-next-line declaration-colon-space-after */
|
||||
padding-left:
|
||||
calc(var(--name-width) + var(--icon-width) + $MessageTimestamp_width + 3 * var(--right-padding));
|
||||
padding-left: calc(
|
||||
var(--name-width) + var(--icon-width) + $MessageTimestamp_width + 3 * var(--right-padding)
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -618,7 +615,8 @@ $left-gutter: 64px;
|
|||
*/
|
||||
|
||||
/* Override nested lists being lower-roman */
|
||||
ol ol, ul ol {
|
||||
ol ol,
|
||||
ul ol {
|
||||
list-style-type: revert;
|
||||
}
|
||||
}
|
||||
|
@ -679,12 +677,12 @@ $left-gutter: 64px;
|
|||
}
|
||||
|
||||
&.mx_EventTile_e2eIcon_warning::after {
|
||||
mask-image: url('$(res)/img/e2e/warning.svg');
|
||||
mask-image: url("$(res)/img/e2e/warning.svg");
|
||||
background-color: $alert;
|
||||
}
|
||||
|
||||
&.mx_EventTile_e2eIcon_normal::after {
|
||||
mask-image: url('$(res)/img/e2e/normal.svg');
|
||||
mask-image: url("$(res)/img/e2e/normal.svg");
|
||||
background-color: $header-panel-text-primary-color;
|
||||
}
|
||||
}
|
||||
|
@ -845,7 +843,7 @@ $left-gutter: 64px;
|
|||
|
||||
.mx_EventTile:hover .mx_MessageActionBar,
|
||||
.mx_EventTile.mx_EventTile_actionBarFocused .mx_MessageActionBar,
|
||||
[data-whatinput='keyboard'] .mx_EventTile:focus-within .mx_MessageActionBar,
|
||||
[data-whatinput="keyboard"] .mx_EventTile:focus-within .mx_MessageActionBar,
|
||||
.mx_EventTile.focus-visible:focus-within .mx_MessageActionBar {
|
||||
visibility: visible;
|
||||
}
|
||||
|
@ -854,7 +852,7 @@ $left-gutter: 64px;
|
|||
/* is less pretty, but is easier to target because otherwise we need to define the */
|
||||
/* animation for when it's shown which means duplicating the style definition in */
|
||||
/* multiple places. */
|
||||
.mx_EventTile:not(:hover):not(.mx_EventTile_actionBarFocused):not([data-whatinput='keyboard'] :focus-within) {
|
||||
.mx_EventTile:not(:hover):not(.mx_EventTile_actionBarFocused):not([data-whatinput="keyboard"] :focus-within) {
|
||||
&:not(.focus-visible:focus-within) .mx_MessageActionBar .mx_Indicator {
|
||||
animation: none;
|
||||
}
|
||||
|
@ -1130,7 +1128,8 @@ $left-gutter: 64px;
|
|||
|
||||
.mx_ReplyChain_wrapper {
|
||||
.mx_MLocationBody,
|
||||
.mx_UnknownBody { /* Error message inside ReplyTile */
|
||||
.mx_UnknownBody {
|
||||
/* Error message inside ReplyTile */
|
||||
margin-inline: unset;
|
||||
}
|
||||
}
|
||||
|
@ -1316,8 +1315,9 @@ $left-gutter: 64px;
|
|||
&[data-shape="ThreadsList"][data-notification]::before,
|
||||
.mx_NotificationBadge {
|
||||
/* stylelint-disable-next-line declaration-colon-space-after */
|
||||
inset-block-start:
|
||||
calc($notification-inset-block-start - var(--MatrixChat_useCompactLayout_group-padding-top));
|
||||
inset-block-start: calc(
|
||||
$notification-inset-block-start - var(--MatrixChat_useCompactLayout_group-padding-top)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue