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

2
res/css/structures/_AutoHideScrollbar.pcss
View file

@ -47,7 +47,7 @@ html {
.mx_AutoHideScrollbar {
overflow-x: hidden;
overflow-y: auto;
overflow-y: overlay; /* where supported */
overflow-y: overlay; /* where supported */
-ms-overflow-style: -ms-autohiding-scrollbar;
&::-webkit-scrollbar {

2
res/css/structures/_ContextualMenu.pcss
View file

@ -26,7 +26,7 @@ limitations under the License.
left: 0;
width: 100%;
height: 100%;
opacity: 1.0;
opacity: 1;
}
.mx_ContextualMenu {

2
res/css/structures/_FilePanel.pcss
View file

@ -119,5 +119,5 @@ limitations under the License.
}
.mx_FilePanel_empty::before {
mask-image: url('$(res)/img/element-icons/room/files.svg');
mask-image: url("$(res)/img/element-icons/room/files.svg");
}

8
res/css/structures/_HomePage.pcss
View file

@ -85,7 +85,7 @@ limitations under the License.
width: 40px;
height: 40px;
content: '';
content: "";
position: absolute;
background-color: #fff; /* on all themes */
mask-repeat: no-repeat;
@ -93,15 +93,15 @@ limitations under the License.
}
&.mx_HomePage_button_sendDm::before {
mask-image: url('$(res)/img/element-icons/feedback.svg');
mask-image: url("$(res)/img/element-icons/feedback.svg");
}
&.mx_HomePage_button_explore::before {
mask-image: url('$(res)/img/element-icons/roomlist/explore.svg');
mask-image: url("$(res)/img/element-icons/roomlist/explore.svg");
}
&.mx_HomePage_button_createGroup::before {
mask-image: url('$(res)/img/element-icons/group-members.svg');
mask-image: url("$(res)/img/element-icons/group-members.svg");
}
}
}

10
res/css/structures/_LeftPanel.pcss
View file

@ -131,13 +131,13 @@ $roomListCollapsedWidth: 68px;
margin-left: 8px;
&::before {
content: '';
content: "";
position: absolute;
top: 8px;
left: 8px;
width: 16px;
height: 16px;
mask-image: url('$(res)/img/element-icons/call/dialpad.svg');
mask-image: url("$(res)/img/element-icons/call/dialpad.svg");
mask-position: center;
mask-size: contain;
mask-repeat: no-repeat;
@ -155,7 +155,7 @@ $roomListCollapsedWidth: 68px;
margin-left: 8px;
&::before {
content: '';
content: "";
position: absolute;
top: 8px;
left: 8px;
@ -177,11 +177,11 @@ $roomListCollapsedWidth: 68px;
}
.mx_LeftPanel_exploreButton::before {
mask-image: url('$(res)/img/element-icons/roomlist/explore.svg');
mask-image: url("$(res)/img/element-icons/roomlist/explore.svg");
}
.mx_LeftPanel_recentsButton::before {
mask-image: url('$(res)/img/element-icons/clock.svg');
mask-image: url("$(res)/img/element-icons/clock.svg");
}
}

2
res/css/structures/_MainSplit.pcss
View file

@ -39,7 +39,7 @@ limitations under the License.
width: 4px;
border-radius: 4px;
content: '';
content: "";
background-color: $primary-content;
opacity: 0.8;

4
res/css/structures/_MatrixChat.pcss
View file

@ -52,7 +52,7 @@ limitations under the License.
.mx_MatrixChat_syncError {
color: $accent-fg-color;
background-color: #DF2A8B; /* Only used here */
background-color: #df2a8b; /* Only used here */
border-radius: 5px;
display: table;
padding: 30px;
@ -107,7 +107,7 @@ limitations under the License.
width: 4px;
border-radius: 4px;
content: ' ';
content: " ";
background-color: $primary-content;
opacity: 0.8;

4
res/css/structures/_NotificationPanel.pcss
View file

@ -80,7 +80,7 @@ limitations under the License.
background-color: $tertiary-content;
height: 1px;
opacity: 0.4;
content: '';
content: "";
}
}
@ -109,5 +109,5 @@ limitations under the License.
}
.mx_NotificationPanel_empty::before {
mask-image: url('$(res)/img/element-icons/notifications.svg');
mask-image: url("$(res)/img/element-icons/notifications.svg");
}

2
res/css/structures/_QuickSettingsButton.pcss
View file

@ -36,7 +36,7 @@ limitations under the License.
width: 32px;
height: 32px;
left: 0;
mask-image: url('$(res)/img/element-icons/settings.svg');
mask-image: url("$(res)/img/element-icons/settings.svg");
mask-repeat: no-repeat;
mask-position: center;
mask-size: 16px;

14
res/css/structures/_RightPanel.pcss
View file

@ -59,7 +59,7 @@ limitations under the License.
border-radius: 100%;
&::before {
content: '';
content: "";
position: absolute;
top: 4px; /* center with parent of 32px */
left: 4px; /* center with parent of 32px */
@ -80,16 +80,16 @@ limitations under the License.
}
.mx_RightPanel_threadsButton::before {
mask-image: url('$(res)/img/element-icons/room/thread.svg');
mask-image: url("$(res)/img/element-icons/room/thread.svg");
}
.mx_RightPanel_notifsButton::before {
mask-image: url('$(res)/img/element-icons/notifications.svg');
mask-image: url("$(res)/img/element-icons/notifications.svg");
mask-position: center;
}
.mx_RightPanel_roomSummaryButton::before {
mask-image: url('$(res)/img/element-icons/room/room-summary.svg');
mask-image: url("$(res)/img/element-icons/room/room-summary.svg");
mask-position: center;
}
@ -99,7 +99,7 @@ $pulse-color: $alert;
.mx_RightPanel_pinnedMessagesButton {
&::before {
mask-image: url('$(res)/img/element-icons/room/pin.svg');
mask-image: url("$(res)/img/element-icons/room/pin.svg");
mask-position: center;
}
}
@ -141,7 +141,7 @@ $pulse-color: $alert;
.mx_RightPanel_timelineCardButton {
&::before {
mask-image: url('$(res)/img/element-icons/feedback.svg');
mask-image: url("$(res)/img/element-icons/feedback.svg");
mask-position: center;
}
}
@ -233,7 +233,7 @@ $pulse-color: $alert;
}
&::before {
content: '';
content: "";
display: block;
margin: 11px auto 29px auto;
height: 42px;

2
res/css/structures/_RoomSearch.pcss
View file

@ -34,7 +34,7 @@ limitations under the License.
.mx_RoomSearch_icon {
width: 16px;
height: 16px;
mask: url('$(res)/img/element-icons/roomlist/search.svg');
mask: url("$(res)/img/element-icons/roomlist/search.svg");
mask-repeat: no-repeat;
background-color: $secondary-content;
margin-left: 7px;

6
res/css/structures/_RoomStatusBar.pcss
View file

@ -121,7 +121,7 @@ limitations under the License.
}
&::before {
content: '';
content: "";
position: absolute;
left: 10px; /* inset for regular button padding */
background-color: $muted-fg-color;
@ -135,14 +135,14 @@ limitations under the License.
}
&.mx_RoomStatusBar_unsentCancelAllBtn::before {
mask-image: url('$(res)/img/element-icons/trashcan.svg');
mask-image: url("$(res)/img/element-icons/trashcan.svg");
}
&.mx_RoomStatusBar_unsentRetry {
padding-left: 34px; /* 28px from above, but +6px to account for the wider icon */
&::before {
mask-image: url('$(res)/img/element-icons/retry.svg');
mask-image: url("$(res)/img/element-icons/retry.svg");
}
}
}

12
res/css/structures/_RoomView.pcss
View file

@ -74,7 +74,7 @@ limitations under the License.
.mx_RoomView_messagePanelSearchSpinner {
flex: 1;
background-image: url('$(res)/img/typing-indicator-2x.gif');
background-image: url("$(res)/img/typing-indicator-2x.gif");
background-position: center 367px;
background-size: 25px;
background-repeat: no-repeat;
@ -83,11 +83,11 @@ limitations under the License.
.mx_RoomView_messagePanelSearchSpinner::before {
background-color: $info-plinth-fg-color;
mask: url('$(res)/img/feather-customised/search-input.svg');
mask: url("$(res)/img/feather-customised/search-input.svg");
mask-repeat: no-repeat;
mask-position: center;
mask-size: 50px;
content: '';
content: "";
position: absolute;
top: 286px;
left: 0;
@ -126,7 +126,7 @@ limitations under the License.
z-index: 1000;
overflow: hidden;
transition: all .2s ease-out;
transition: all 0.2s ease-out;
}
.mx_RoomView_statusArea_expanded {
@ -155,7 +155,7 @@ limitations under the License.
.mx_RoomView_messageListWrapper {
justify-content: flex-start;
>.mx_RoomView_MessageList > li > ol {
> .mx_RoomView_MessageList > li > ol {
list-style-type: none;
}
}
@ -222,7 +222,7 @@ hr.mx_RoomView_myReadMarker {
.mx_RoomView_callStatusBar .mx_UploadBar_uploadFilename {
color: $accent-fg-color;
opacity: 1.0;
opacity: 1;
}
.mx_RoomView_inCall .mx_RoomView_statusAreaBox_line {

2
res/css/structures/_SearchBox.pcss
View file

@ -24,7 +24,7 @@ limitations under the License.
.mx_SearchBox_closeButton {
cursor: pointer;
background-image: url('$(res)/img/icons-close.svg');
background-image: url("$(res)/img/icons-close.svg");
background-repeat: no-repeat;
width: 16px;
height: 16px;

11
res/css/structures/_SpaceHierarchy.pcss
View file

@ -124,7 +124,7 @@ limitations under the License.
background-color: $background;
&::before {
content: '';
content: "";
position: absolute;
top: 0;
left: 0;
@ -135,7 +135,7 @@ limitations under the License.
background-color: $tertiary-content;
mask-size: 16px;
transform: rotate(270deg);
mask-image: url('$(res)/img/feather-customised/chevron-down.svg');
mask-image: url("$(res)/img/feather-customised/chevron-down.svg");
}
&.mx_SpaceHierarchy_subspace_toggle_shown::before {
@ -215,7 +215,7 @@ limitations under the License.
padding-left: 16px;
&::before {
content: '';
content: "";
width: 20px;
height: 20px;
top: -2px;
@ -225,7 +225,7 @@ limitations under the License.
mask-size: contain;
mask-repeat: no-repeat;
background-color: $accent;
mask-image: url('$(res)/img/element-icons/roomlist/checkmark.svg');
mask-image: url("$(res)/img/element-icons/roomlist/checkmark.svg");
}
}
}
@ -272,7 +272,8 @@ limitations under the License.
}
}
&:hover, &:focus-within {
&:hover,
&:focus-within {
background-color: $spacePanel-bg-color;
.mx_AccessibleButton {

38
res/css/structures/_SpacePanel.pcss
View file

@ -53,7 +53,7 @@ $activeBorderColor: $primary-content;
mask-size: contain;
mask-repeat: no-repeat;
background-color: $background;
mask-image: url('$(res)/img/feather-customised/chevron-down.svg');
mask-image: url("$(res)/img/feather-customised/chevron-down.svg");
transform: rotate(270deg);
}
@ -173,7 +173,7 @@ $activeBorderColor: $primary-content;
mask-size: 20px;
mask-repeat: no-repeat;
background-color: $tertiary-content;
mask-image: url('$(res)/img/feather-customised/chevron-down.svg');
mask-image: url("$(res)/img/feather-customised/chevron-down.svg");
}
.mx_SpaceButton_icon {
@ -185,7 +185,7 @@ $activeBorderColor: $primary-content;
&::before {
position: absolute;
content: '';
content: "";
width: $topLevelHeight;
height: $topLevelHeight;
top: 0;
@ -210,26 +210,26 @@ $activeBorderColor: $primary-content;
}
&.mx_SpaceButton_home .mx_SpaceButton_icon::before {
mask-image: url('$(res)/img/element-icons/home.svg');
mask-image: url("$(res)/img/element-icons/home.svg");
}
&.mx_SpaceButton_favourites .mx_SpaceButton_icon::before {
mask-image: url('$(res)/img/element-icons/roomlist/favorite.svg');
mask-image: url("$(res)/img/element-icons/roomlist/favorite.svg");
}
&.mx_SpaceButton_people .mx_SpaceButton_icon::before {
mask-image: url('$(res)/img/element-icons/room/members.svg');
mask-image: url("$(res)/img/element-icons/room/members.svg");
}
&.mx_SpaceButton_orphans .mx_SpaceButton_icon::before {
mask-image: url('$(res)/img/element-icons/roomlist/hash-circle.svg');
mask-image: url("$(res)/img/element-icons/roomlist/hash-circle.svg");
}
&.mx_SpaceButton_new .mx_SpaceButton_icon {
&::before {
background-color: $primary-content;
mask-image: url('$(res)/img/element-icons/plus.svg');
transition: all .2s ease-in-out; /* TODO transition */
mask-image: url("$(res)/img/element-icons/plus.svg");
transition: all 0.2s ease-in-out; /* TODO transition */
}
}
@ -254,14 +254,14 @@ $activeBorderColor: $primary-content;
&::before {
top: 3px;
left: 2px;
content: '';
content: "";
width: 16px;
height: 16px;
position: absolute;
mask-position: center;
mask-size: contain;
mask-repeat: no-repeat;
mask-image: url('$(res)/img/element-icons/context-menu.svg');
mask-image: url("$(res)/img/element-icons/context-menu.svg");
background: $primary-content;
}
}
@ -392,35 +392,35 @@ $activeBorderColor: $primary-content;
}
.mx_SpacePanel_iconHome::before {
mask-image: url('$(res)/img/element-icons/home.svg');
mask-image: url("$(res)/img/element-icons/home.svg");
}
.mx_SpacePanel_iconInvite::before {
mask-image: url('$(res)/img/element-icons/room/invite.svg');
mask-image: url("$(res)/img/element-icons/room/invite.svg");
}
.mx_SpacePanel_iconSettings::before {
mask-image: url('$(res)/img/element-icons/settings.svg');
mask-image: url("$(res)/img/element-icons/settings.svg");
}
.mx_SpacePanel_iconLeave::before {
mask-image: url('$(res)/img/element-icons/leave.svg');
mask-image: url("$(res)/img/element-icons/leave.svg");
}
.mx_SpacePanel_iconMembers::before {
mask-image: url('$(res)/img/element-icons/room/members.svg');
mask-image: url("$(res)/img/element-icons/room/members.svg");
}
.mx_SpacePanel_iconPlus::before {
mask-image: url('$(res)/img/element-icons/plus.svg');
mask-image: url("$(res)/img/element-icons/plus.svg");
}
.mx_SpacePanel_iconExplore::before {
mask-image: url('$(res)/img/element-icons/roomlist/hash-search.svg');
mask-image: url("$(res)/img/element-icons/roomlist/hash-search.svg");
}
.mx_SpacePanel_iconPreferences::before {
mask-image: url('$(res)/img/element-icons/settings/preference.svg');
mask-image: url("$(res)/img/element-icons/settings/preference.svg");
}
.mx_SpacePanel_noIcon {

14
res/css/structures/_SpaceRoomView.pcss
View file

@ -37,7 +37,7 @@ $SpaceRoomViewInnerWidth: 428px;
&::before {
position: absolute;
content: '';
content: "";
width: 32px;
height: 32px;
top: 24px;
@ -157,7 +157,7 @@ $SpaceRoomViewInnerWidth: 428px;
/* XXX: Temporary for the Spaces release only */
.mx_SpaceFeedbackPrompt {
padding: 7px; /* 8px - 1px border */
border: 1px solid rgba($primary-content, .1);
border: 1px solid rgba($primary-content, 0.1);
border-radius: 8px;
width: max-content;
height: fit-content;
@ -236,7 +236,7 @@ $SpaceRoomViewInnerWidth: 428px;
width: 16px;
background: #fff; /* white icon fill */
mask-size: 16px;
mask-image: url('$(res)/img/element-icons/room/invite.svg');
mask-image: url("$(res)/img/element-icons/room/invite.svg");
}
}
@ -251,7 +251,7 @@ $SpaceRoomViewInnerWidth: 428px;
width: 24px;
background: $tertiary-content;
mask-size: contain;
mask-image: url('$(res)/img/element-icons/settings.svg');
mask-image: url("$(res)/img/element-icons/settings.svg");
}
}
}
@ -277,11 +277,11 @@ $SpaceRoomViewInnerWidth: 428px;
}
.mx_SpaceRoomView_privateScope_justMeButton::before {
mask-image: url('$(res)/img/element-icons/room/members.svg');
mask-image: url("$(res)/img/element-icons/room/members.svg");
}
.mx_SpaceRoomView_privateScope_meAndMyTeammatesButton::before {
mask-image: url('$(res)/img/element-icons/group-members.svg');
mask-image: url("$(res)/img/element-icons/group-members.svg");
}
}
@ -335,7 +335,7 @@ $SpaceRoomViewInnerWidth: 428px;
color: $accent;
&::before {
mask-image: url('$(res)/img/element-icons/room/invite.svg');
mask-image: url("$(res)/img/element-icons/room/invite.svg");
background-color: $accent;
}
}

36
res/css/structures/_SplashPage.pcss
View file

@ -24,40 +24,24 @@ limitations under the License.
position: absolute;
z-index: -1;
opacity: 0.6;
background-image:
radial-gradient(
background-image: radial-gradient(
53.85% 66.75% at 87.55% 0%,
hsla(250deg, 76%, 71%, 0.261) 0%,
hsla(250deg, 100%, 88%, 0) 100%
),
radial-gradient(
41.93% 41.93% at 0% 0%,
hsla(222deg, 29%, 20%, 0.28) 0%,
hsla(250deg, 100%, 88%, 0) 100%
),
radial-gradient(
100% 100% at 0% 0%,
hsla(250deg, 100%, 88%, 0.174) 0%,
hsla(0deg, 100%, 86%, 0) 100%
),
radial-gradient(
106.35% 96.26% at 100% 0%,
hsla(250deg, 100%, 88%, 0.4) 0%,
hsla(167deg, 76%, 82%, 0) 100%
);
radial-gradient(41.93% 41.93% at 0% 0%, hsla(222deg, 29%, 20%, 0.28) 0%, hsla(250deg, 100%, 88%, 0) 100%),
radial-gradient(100% 100% at 0% 0%, hsla(250deg, 100%, 88%, 0.174) 0%, hsla(0deg, 100%, 86%, 0) 100%),
radial-gradient(106.35% 96.26% at 100% 0%, hsla(250deg, 100%, 88%, 0.4) 0%, hsla(167deg, 76%, 82%, 0) 100%);
/* blur to reduce color banding issues due to alpha-blending multiple gradients */
filter: blur(8px);
inset: -9px;
mask:
/* mask to dither resulting combined gradient */
url("$(res)/img/noise.png"),
/* mask to dither resulting combined gradient */ url("$(res)/img/noise.png"),
/* gradient to apply different amounts of dithering to different parts of the gradient */
linear-gradient(
to bottom,
/* 10% dithering at the top */
rgba(0, 0, 0, 0.9) 20%,
/* 80% dithering at the bottom */
rgba(0, 0, 0, 0.2) 100%
);
linear-gradient(
to bottom,
/* 10% dithering at the top */ rgba(0, 0, 0, 0.9) 20%,
/* 80% dithering at the bottom */ rgba(0, 0, 0, 0.2) 100%
);
}
}

2
res/css/structures/_TabbedView.pcss
View file

@ -136,7 +136,7 @@ limitations under the License.
background-color: $icon-button-color;
mask-repeat: no-repeat;
mask-position: center;
content: '';
content: "";
}
.mx_TabbedView_tabLabel_text {

12
res/css/structures/_ToastContainer.pcss
View file

@ -48,7 +48,8 @@ limitations under the License.
padding: 8px;
&.mx_Toast_hasIcon {
&::before, &::after {
&::before,
&::after {
content: "";
width: 22px;
height: 22px;
@ -70,7 +71,7 @@ limitations under the License.
/* white infill for the hollow svg mask */
&::before {
background-color: #ffffff;
mask-image: url('$(res)/img/e2e/normal.svg');
mask-image: url("$(res)/img/e2e/normal.svg");
mask-size: 80%;
}
@ -81,16 +82,17 @@ limitations under the License.
}
&.mx_Toast_icon_secure_backup::after {
mask-image: url('$(res)/img/feather-customised/secure-backup.svg');
mask-image: url("$(res)/img/feather-customised/secure-backup.svg");
background-color: $primary-content;
}
&.mx_Toast_icon_labs::after {
mask-image: url('$(res)/img/element-icons/flask.svg');
mask-image: url("$(res)/img/element-icons/flask.svg");
background-color: $secondary-content;
}
.mx_Toast_title, .mx_Toast_body {
.mx_Toast_title,
.mx_Toast_body {
grid-column: 2;
}
}

4
res/css/structures/_UploadBar.pcss
View file

@ -47,7 +47,7 @@ limitations under the License.
mask-repeat: no-repeat;
mask-position: center;
background-color: $muted-fg-color;
mask-image: url('$(res)/img/element-icons/upload.svg');
mask-image: url("$(res)/img/element-icons/upload.svg");
}
}
@ -61,5 +61,5 @@ limitations under the License.
mask-repeat: no-repeat;
mask-position: center;
background-color: $muted-fg-color;
mask-image: url('$(res)/img/icons-close.svg');
mask-image: url("$(res)/img/icons-close.svg");
}

26
res/css/structures/_UserMenu.pcss
View file

@ -62,7 +62,7 @@ limitations under the License.
border-radius: 50%;
&::before {
content: '';
content: "";
width: 16px;
height: 16px;
position: absolute;
@ -70,7 +70,7 @@ limitations under the License.
mask-size: contain;
mask-repeat: no-repeat;
background-color: $alert;
mask-image: url('$(res)/img/element-icons/roomlist/dnd.svg');
mask-image: url("$(res)/img/element-icons/roomlist/dnd.svg");
}
}
}
@ -167,7 +167,7 @@ limitations under the License.
display: block;
&::before {
content: '';
content: "";
width: 16px;
height: 16px;
display: block;
@ -179,39 +179,39 @@ limitations under the License.
}
.mx_UserMenu_iconHome::before {
mask-image: url('$(res)/img/element-icons/home.svg');
mask-image: url("$(res)/img/element-icons/home.svg");
}
.mx_UserMenu_iconDnd::before {
mask-image: url('$(res)/img/element-icons/roomlist/dnd.svg');
mask-image: url("$(res)/img/element-icons/roomlist/dnd.svg");
}
.mx_UserMenu_iconDndOff::before {
mask-image: url('$(res)/img/element-icons/roomlist/dnd-cross.svg');
mask-image: url("$(res)/img/element-icons/roomlist/dnd-cross.svg");
}
.mx_UserMenu_iconHosting::before {
mask-image: url('$(res)/img/element-icons/brands/element.svg');
mask-image: url("$(res)/img/element-icons/brands/element.svg");
}
.mx_UserMenu_iconBell::before {
mask-image: url('$(res)/img/element-icons/notifications.svg');
mask-image: url("$(res)/img/element-icons/notifications.svg");
}
.mx_UserMenu_iconLock::before {
mask-image: url('$(res)/img/element-icons/security.svg');
mask-image: url("$(res)/img/element-icons/security.svg");
}
.mx_UserMenu_iconSettings::before {
mask-image: url('$(res)/img/element-icons/settings.svg');
mask-image: url("$(res)/img/element-icons/settings.svg");
}
.mx_UserMenu_iconMessage::before {
mask-image: url('$(res)/img/element-icons/feedback.svg');
mask-image: url("$(res)/img/element-icons/feedback.svg");
}
.mx_UserMenu_iconSignOut::before {
mask-image: url('$(res)/img/element-icons/leave.svg');
mask-image: url("$(res)/img/element-icons/leave.svg");
}
}
@ -257,7 +257,7 @@ limitations under the License.
position: absolute;
width: inherit;
height: inherit;
mask-image: url('$(res)/img/feather-customised/x.svg');
mask-image: url("$(res)/img/feather-customised/x.svg");
mask-position: center;
mask-size: 12px;
mask-repeat: no-repeat;