imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Apply prettier formatting

Browse source
This commit is contained in:
Michael Weimann 2022-12-12 12:24:14 +01:00
parent 1cac306093
commit 526645c791
No known key found for this signature in database
GPG key ID: 53F535A266BB9584
1576 changed files with 65385 additions and 62478 deletions
Download patch file Download diff file Expand all files Collapse all files

4
res/css/views/messages/_CallEvent.pcss
View file

@ -41,9 +41,9 @@ limitations under the License.
&.mx_CallEvent_inactive .mx_CallEvent_title::before {
display: inline-block;
vertical-align: middle;
content: '';
content: "";
background-color: $secondary-content;
mask-image: url('$(res)/img/element-icons/call/video-call.svg');
mask-image: url("$(res)/img/element-icons/call/video-call.svg");
mask-size: 16px;
width: 16px;
height: 16px;

2
res/css/views/messages/_CreateEvent.pcss
View file

@ -19,6 +19,6 @@ limitations under the License.
&::before {
background-color: $header-panel-text-primary-color;
mask-image: url('$(res)/img/element-icons/chat-bubbles.svg');
mask-image: url("$(res)/img/element-icons/chat-bubbles.svg");
}
}

2
res/css/views/messages/_DateSeparator.pcss
View file

@ -49,6 +49,6 @@ limitations under the License.
mask-position: center;
mask-size: contain;
mask-repeat: no-repeat;
mask-image: url('$(res)/img/feather-customised/chevron-down.svg');
mask-image: url("$(res)/img/feather-customised/chevron-down.svg");
background-color: $tertiary-content;
}

4
res/css/views/messages/_HiddenBody.pcss
View file

@ -24,12 +24,12 @@ limitations under the License.
height: 14px;
width: 14px;
background-color: $muted-fg-color;
mask-image: url('$(res)/img/element-icons/hide.svg');
mask-image: url("$(res)/img/element-icons/hide.svg");
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
content: '';
content: "";
position: absolute;
top: 1px;
left: 0;

3
res/css/views/messages/_JumpToDatePicker.pcss
View file

@ -31,7 +31,8 @@ limitations under the License.
margin: 0;
margin-left: 8px;
&, & > input {
&,
& > input {
border-radius: 8px;
}
}

22
res/css/views/messages/_LegacyCallEvent.pcss
View file

@ -39,7 +39,7 @@ limitations under the License.
display: inline-flex;
&::before {
content: '';
content: "";
height: 16px;
width: 16px;
@ -51,24 +51,24 @@ limitations under the License.
}
.mx_LegacyCallEvent_silence::before {
mask-image: url('$(res)/img/voip/silence.svg');
mask-image: url("$(res)/img/voip/silence.svg");
}
.mx_LegacyCallEvent_unSilence::before {
mask-image: url('$(res)/img/voip/un-silence.svg');
mask-image: url("$(res)/img/voip/un-silence.svg");
}
&.mx_LegacyCallEvent_voice {
.mx_LegacyCallEvent_type_icon::before,
.mx_LegacyCallEvent_content_button_callBack span::before,
.mx_LegacyCallEvent_content_button_answer span::before {
mask-image: url('$(res)/img/element-icons/call/voice-call.svg');
mask-image: url("$(res)/img/element-icons/call/voice-call.svg");
}
&.mx_LegacyCallEvent_rejected,
&.mx_LegacyCallEvent_noAnswer {
.mx_LegacyCallEvent_type_icon::before {
mask-image: url('$(res)/img/voip/declined-voice.svg');
mask-image: url("$(res)/img/voip/declined-voice.svg");
}
}
}
@ -77,13 +77,13 @@ limitations under the License.
.mx_LegacyCallEvent_type_icon::before,
.mx_LegacyCallEvent_content_button_callBack span::before,
.mx_LegacyCallEvent_content_button_answer span::before {
mask-image: url('$(res)/img/element-icons/call/video-call.svg');
mask-image: url("$(res)/img/element-icons/call/video-call.svg");
}
&.mx_LegacyCallEvent_rejected,
&.mx_LegacyCallEvent_noAnswer {
.mx_LegacyCallEvent_type_icon::before {
mask-image: url('$(res)/img/voip/declined-video.svg');
mask-image: url("$(res)/img/voip/declined-video.svg");
}
}
}
@ -91,13 +91,13 @@ limitations under the License.
&.mx_LegacyCallEvent_missed {
&.mx_LegacyCallEvent_voice {
.mx_LegacyCallEvent_type_icon::before {
mask-image: url('$(res)/img/voip/missed-voice.svg');
mask-image: url("$(res)/img/voip/missed-voice.svg");
}
}
&.mx_LegacyCallEvent_video {
.mx_LegacyCallEvent_type_icon::before {
mask-image: url('$(res)/img/voip/missed-video.svg');
mask-image: url("$(res)/img/voip/missed-video.svg");
}
}
}
@ -142,7 +142,7 @@ limitations under the License.
margin-right: 5px;
&::before {
content: '';
content: "";
position: absolute;
height: 13px;
width: 13px;
@ -179,7 +179,7 @@ limitations under the License.
.mx_LegacyCallEvent_content_button_reject {
span::before {
mask-image: url('$(res)/img/element-icons/call/hangup.svg');
mask-image: url("$(res)/img/element-icons/call/hangup.svg");
}
}

4
res/css/views/messages/_MFileBody.pcss
View file

@ -73,11 +73,11 @@ limitations under the License.
margin-right: 12px;
&::before {
content: '';
content: "";
mask-repeat: no-repeat;
mask-position: center;
mask-size: cover;
mask-image: url('$(res)/img/element-icons/room/composer/attach.svg');
mask-image: url("$(res)/img/element-icons/room/composer/attach.svg");
background-color: $secondary-content;
width: 15px;
height: 15px;

4
res/css/views/messages/_MImageBody.pcss
View file

@ -50,7 +50,7 @@ $timeline-image-border-radius: 8px;
background-color: $background;
.mx_Blurhash > canvas {
animation: mx--anim-pulse 1.75s infinite cubic-bezier(.4, 0, .6, 1);
animation: mx--anim-pulse 1.75s infinite cubic-bezier(0.4, 0, 0.6, 1);
}
}
@ -113,7 +113,7 @@ $timeline-image-border-radius: 8px;
margin-right: 8px;
background-color: $accent;
mask-image: url('$(res)/img/feather-customised/eye.svg');
mask-image: url("$(res)/img/feather-customised/eye.svg");
display: inline-block;
width: 18px;
height: 14px;

2
res/css/views/messages/_MJitsiWidgetEvent.pcss
View file

@ -17,6 +17,6 @@ limitations under the License.
.mx_EventTileBubble.mx_MJitsiWidgetEvent {
&::before {
background-color: $header-panel-text-primary-color; /* XXX: Variable abuse */
mask-image: url('$(res)/img/element-icons/call/video-call.svg');
mask-image: url("$(res)/img/element-icons/call/video-call.svg");
}
}

22
res/css/views/messages/_MPollBody.pcss
View file

@ -32,7 +32,7 @@ limitations under the License.
}
h2::before {
content: '';
content: "";
position: relative;
display: inline-block;
margin-right: 12px;
@ -44,7 +44,7 @@ limitations under the License.
mask-repeat: no-repeat;
mask-size: contain;
mask-position: center;
mask-image: url('$(res)/img/element-icons/room/composer/poll.svg');
mask-image: url("$(res)/img/element-icons/room/composer/poll.svg");
}
.mx_MPollBody_option {
@ -55,11 +55,13 @@ limitations under the License.
max-width: 550px;
background-color: $background;
.mx_StyledRadioButton, .mx_MPollBody_endedOption {
.mx_StyledRadioButton,
.mx_MPollBody_endedOption {
margin-bottom: 8px;
}
.mx_StyledRadioButton_content, .mx_MPollBody_endedOption {
.mx_StyledRadioButton_content,
.mx_MPollBody_endedOption {
padding-top: 2px;
margin-right: 0px;
}
@ -110,16 +112,18 @@ limitations under the License.
}
/* options not actionable in these states */
.mx_MPollBody_option_checked, .mx_MPollBody_option_ended {
.mx_MPollBody_option_checked,
.mx_MPollBody_option_ended {
pointer-events: none;
}
.mx_StyledRadioButton_checked, .mx_MPollBody_endedOptionWinner {
.mx_StyledRadioButton_checked,
.mx_MPollBody_endedOptionWinner {
input[type="radio"] + div {
border-width: 2px;
border-color: $accent;
background-color: $accent;
background-image: url('$(res)/img/element-icons/check-white.svg');
background-image: url("$(res)/img/element-icons/check-white.svg");
background-size: 12px;
background-repeat: no-repeat;
background-position: center;
@ -131,7 +135,7 @@ limitations under the License.
}
.mx_MPollBody_endedOptionWinner .mx_MPollBody_optionDescription .mx_MPollBody_optionVoteCount::before {
content: '';
content: "";
position: relative;
display: inline-block;
margin-right: 4px;
@ -142,7 +146,7 @@ limitations under the License.
mask-repeat: no-repeat;
mask-size: contain;
mask-position: center;
mask-image: url('$(res)/img/element-icons/trophy.svg');
mask-image: url("$(res)/img/element-icons/trophy.svg");
}
.mx_MPollBody_totalVotes {

13
res/css/views/messages/_MessageActionBar.pcss
View file

@ -43,7 +43,7 @@ limitations under the License.
/* previous event while trying to mouse into the action bar or from the */
/* react button to its tooltip. */
&::before {
content: '';
content: "";
position: absolute;
/* tooltip safe mousing area + tooltip overhang + */
/* action bar + action bar offset from event */
@ -56,7 +56,11 @@ limitations under the License.
cursor: initial;
/* stylelint-disable-next-line max-line-length */
.mx_GenericEventListSummary[data-layout="bubble"] .mx_GenericEventListSummary_toggle ~ .mx_GenericEventListSummary_unstyledList .mx_EventTile_info:first-of-type & {
.mx_GenericEventListSummary[data-layout="bubble"]
.mx_GenericEventListSummary_toggle
~ .mx_GenericEventListSummary_unstyledList
.mx_EventTile_info:first-of-type
& {
/* improve clickability of "collapse" link button on bubble layout by reducing width and height values */
/* mx_GenericEventListSummary_toggle ~: to apply rules to action bar when "collapse" button is available */
/* mx_EventTile_info:first-of-type: to apply rules to the info event tile just under "collapse" button */
@ -76,7 +80,7 @@ limitations under the License.
}
}
>* {
> * {
white-space: nowrap;
display: inline-block;
position: relative;
@ -107,7 +111,7 @@ limitations under the License.
&:disabled,
&[disabled] {
cursor: not-allowed;
opacity: .75;
opacity: 0.75;
}
&:hover {
@ -115,7 +119,6 @@ limitations under the License.
}
&.mx_MessageActionBar_threadButton {
.mx_Indicator {
background: $links;
animation-iteration-count: infinite;

7
res/css/views/messages/_ReactionsRow.pcss
View file

@ -29,7 +29,7 @@ limitations under the License.
margin-right: 4px;
&::before {
content: '';
content: "";
position: absolute;
height: 100%;
width: 100%;
@ -37,14 +37,15 @@ limitations under the License.
mask-repeat: no-repeat;
mask-position: center;
background-color: $tertiary-content;
mask-image: url('$(res)/img/element-icons/room/message-bar/emoji.svg');
mask-image: url("$(res)/img/element-icons/room/message-bar/emoji.svg");
}
&.mx_ReactionsRow_addReactionButton_active {
visibility: visible; /* keep showing whilst the context menu is shown */
}
&:hover, &.mx_ReactionsRow_addReactionButton_active {
&:hover,
&.mx_ReactionsRow_addReactionButton_active {
&::before {
background-color: $primary-content;
}

4
res/css/views/messages/_RedactedBody.pcss
View file

@ -24,11 +24,11 @@ limitations under the License.
height: 14px;
width: 14px;
background-color: $muted-fg-color;
mask-image: url('$(res)/img/feather-customised/trash.custom.svg');
mask-image: url("$(res)/img/feather-customised/trash.custom.svg");
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
content: '';
content: "";
position: absolute;
top: 1px;
left: 0;

7
res/css/views/messages/_common_CryptoEvent.pcss
View file

@ -20,14 +20,14 @@ limitations under the License.
/* white infill for the transparency */
&.mx_cryptoEvent_icon::before {
background-color: #ffffff;
mask-image: url('$(res)/img/e2e/normal.svg');
mask-image: url("$(res)/img/e2e/normal.svg");
mask-repeat: no-repeat;
mask-position: center;
mask-size: 80%;
}
&.mx_cryptoEvent_icon::after {
mask-image: url('$(res)/img/e2e/normal.svg');
mask-image: url("$(res)/img/e2e/normal.svg");
background-color: $header-panel-text-primary-color;
}
@ -41,7 +41,8 @@ limitations under the License.
background-color: $alert;
}
.mx_cryptoEvent_state, .mx_cryptoEvent_buttons {
.mx_cryptoEvent_state,
.mx_cryptoEvent_buttons {
grid-column: 3;
grid-row: 1 / 3;
}