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

Merge remote-tracking branch 'origin/develop' into poll-votes

Browse source
This commit is contained in:
Tim Vahlbrock 2024-11-16 12:33:46 +01:00
commit 03f092aaf5
No known key found for this signature in database
265 changed files with 3670 additions and 3031 deletions
Download patch file Download diff file Expand all files Collapse all files

2
res/css/_common.pcss
View file

@ -186,7 +186,7 @@ input[type="search"].mx_textinput_icon {
/* FIXME THEME - Tint by CSS rather than referencing a duplicate asset */
input[type="text"].mx_textinput_icon.mx_textinput_search,
input[type="search"].mx_textinput_icon.mx_textinput_search {
background-image: url("$(res)/img/feather-customised/search-input.svg");
background-image: url("@vector-im/compound-design-tokens/icons/search.svg");
}
/* dont search UI as not all browsers support it, */

6
res/css/components/views/location/_MapError.pcss
View file

@ -53,8 +53,6 @@ Please see LICENSE files in the repository root for full details.
.mx_MapError_icon {
height: var(--mx-map-error-icon-size);
path {
fill: var(--mx-map-error-icon-color);
}
width: var(--mx-map-error-icon-size);
color: var(--mx-map-error-icon-color);
}

4
res/css/components/views/settings/devices/_DeviceExpandDetailsButton.pcss
View file

@ -32,8 +32,8 @@ Please see LICENSE files in the repository root for full details.
}
.mx_DeviceExpandDetailsButton_icon {
height: 16px;
width: 16px;
height: 24px;
width: 24px;
transition: all 0.3s;
transform: var(--icon-transform);

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

@ -25,7 +25,7 @@ Please see LICENSE files in the repository root for full details.
width: 18px;
height: 18px;
background: currentColor;
mask-image: url("$(res)/img/feather-customised/chevron-down.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/chevron-down.svg");
mask-size: 100%;
mask-repeat: no-repeat;
float: right;

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

@ -176,7 +176,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_LeftPanel_recentsButton::before {
mask-image: url("$(res)/img/element-icons/clock.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/time.svg");
}
}

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

@ -62,7 +62,7 @@ Please see LICENSE files in the repository root for full details.
&::before {
background-color: $info-plinth-fg-color;
mask: url("$(res)/img/feather-customised/search-input.svg");
mask: url("@vector-im/compound-design-tokens/icons/search.svg");
mask-repeat: no-repeat;
mask-position: center;
mask-size: 50px;

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

@ -121,7 +121,7 @@ Please see LICENSE files in the repository root for full details.
background-color: $tertiary-content;
mask-size: 16px;
transform: rotate(270deg);
mask-image: url("$(res)/img/feather-customised/chevron-down.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/chevron-down.svg");
}
&.mx_SpaceHierarchy_subspace_toggle_shown::before {

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

@ -48,7 +48,7 @@ Please see LICENSE files in the repository root for full details.
mask-size: contain;
mask-repeat: no-repeat;
background-color: $background;
mask-image: url("$(res)/img/feather-customised/chevron-down.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/chevron-down.svg");
transform: rotate(270deg);
}
@ -169,7 +169,7 @@ Please see LICENSE files in the repository root for full details.
mask-size: 20px;
mask-repeat: no-repeat;
background-color: $tertiary-content;
mask-image: url("$(res)/img/feather-customised/chevron-down.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/chevron-down.svg");
}
.mx_SpaceButton_icon {
@ -207,7 +207,7 @@ Please see LICENSE files in the repository root for full details.
}
&.mx_SpaceButton_home .mx_SpaceButton_icon::before {
mask-image: url("$(res)/img/element-icons/home.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/home-solid.svg");
}
&.mx_SpaceButton_favourites .mx_SpaceButton_icon::before {
@ -414,7 +414,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_SpacePanel_iconHome::before {
mask-image: url("$(res)/img/element-icons/home.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/home-solid.svg");
}
.mx_SpacePanel_iconInvite::before {
@ -422,7 +422,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_SpacePanel_iconSettings::before {
mask-image: url("$(res)/img/element-icons/settings.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/settings-solid.svg");
}
.mx_SpacePanel_iconLeave::before {

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

@ -27,13 +27,14 @@ Please see LICENSE files in the repository root for full details.
&::before {
position: absolute;
content: "";
width: 24px;
height: 24px;
top: 27px;
left: 20px;
width: 28px;
height: 28px;
top: 50%;
transform: translateY(-50%);
left: 22px;
mask-position: center;
mask-repeat: no-repeat;
mask-size: 24px;
mask-size: 28px;
background-color: $tertiary-content;
}
@ -221,7 +222,7 @@ Please see LICENSE files in the repository root for full details.
width: 24px;
background: $tertiary-content;
mask-size: contain;
mask-image: url("$(res)/img/element-icons/settings.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/settings-solid.svg");
}
}
}

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

@ -169,7 +169,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_UserMenu_iconHome::before {
mask-image: url("$(res)/img/element-icons/home.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/home-solid.svg");
}
.mx_UserMenu_iconDnd::before {
@ -185,11 +185,11 @@ Please see LICENSE files in the repository root for full details.
}
.mx_UserMenu_iconLock::before {
mask-image: url("$(res)/img/element-icons/security.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/lock-solid.svg");
}
.mx_UserMenu_iconSettings::before {
mask-image: url("$(res)/img/element-icons/settings.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/settings-solid.svg");
}
.mx_UserMenu_iconMessage::before {

2
res/css/views/avatars/_DecoratedRoomAvatar.pcss
View file

@ -43,7 +43,7 @@ Please see LICENSE files in the repository root for full details.
mask-size: contain;
mask-repeat: no-repeat;
background: $secondary-content;
mask-image: url("$(res)/img/globe.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/public.svg");
}
.mx_DecoratedRoomAvatar_icon_offline::before {

4
res/css/views/context_menus/_RoomGeneralContextMenu.pcss
View file

@ -35,7 +35,7 @@
}
.mx_RoomGeneralContextMenu_iconFiles::before {
mask-image: url("$(res)/img/element-icons/room/files.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/files.svg");
}
.mx_RoomGeneralContextMenu_iconPins::before {
@ -47,7 +47,7 @@
}
.mx_RoomGeneralContextMenu_iconSettings::before {
mask-image: url("$(res)/img/element-icons/settings.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/settings-solid.svg");
}
.mx_RoomGeneralContextMenu_iconExport::before {

19
res/css/views/dialogs/_AnalyticsLearnMoreDialog.pcss
View file

@ -36,9 +36,24 @@ Please see LICENSE files in the repository root for full details.
}
.mx_AnalyticsLearnMore_bullets li {
background: url("$(res)/img/tick-circle.svg") no-repeat;
list-style-type: none;
padding: 2px 0px 20px 32px;
padding: 2px 0 0 32px;
margin-bottom: 20px;
vertical-align: middle;
position: relative;
&::before {
content: "";
position: absolute;
width: 26px;
height: 26px;
left: 0;
top: 0;
background-color: #0dbd8b;
mask-image: url("@vector-im/compound-design-tokens/icons/check-circle.svg");
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
}
}
}

5
res/css/views/dialogs/_JoinRuleDropdown.pcss
View file

@ -41,14 +41,13 @@ Please see LICENSE files in the repository root for full details.
.mx_JoinRuleDropdown_invite::before {
box-sizing: border-box;
mask-image: url("$(res)/img/element-icons/lock.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/lock-solid.svg");
mask-size: contain;
padding: 1px;
}
.mx_JoinRuleDropdown_public::before {
mask-image: url("$(res)/img/globe.svg");
mask-size: 12px;
mask-image: url("@vector-im/compound-design-tokens/icons/public.svg");
}
.mx_JoinRuleDropdown_restricted::before {

6
res/css/views/dialogs/_RoomSettingsDialog.pcss
View file

@ -9,7 +9,7 @@ Please see LICENSE files in the repository root for full details.
/* ========================================================== */
.mx_RoomSettingsDialog_settingsIcon::before {
mask-image: url("$(res)/img/element-icons/settings.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/settings-solid.svg");
}
.mx_RoomSettingsDialog_voiceIcon::before {
@ -17,7 +17,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_RoomSettingsDialog_securityIcon::before {
mask-image: url("$(res)/img/element-icons/security.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/lock-solid.svg");
}
.mx_RoomSettingsDialog_rolesIcon::before {
@ -56,7 +56,7 @@ Please see LICENSE files in the repository root for full details.
/* show a different AvatarSetting placeholder for RoomProfileSettings which is basically a clone of ProfileSettings */
.mx_RoomSettingsDialog .mx_AvatarSetting_avatar .mx_AvatarSetting_avatarPlaceholder::before {
mask: url("$(res)/img/feather-customised/image.svg");
mask: url("@vector-im/compound-design-tokens/icons/image.svg");
mask-repeat: no-repeat;
mask-size: 36px;
mask-position: center;

2
res/css/views/dialogs/_SpaceSettingsDialog.pcss
View file

@ -74,7 +74,7 @@ Please see LICENSE files in the repository root for full details.
.mx_TabbedView_tabLabel {
.mx_SpaceSettingsDialog_generalIcon::before {
mask-image: url("$(res)/img/element-icons/settings.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/settings-solid.svg");
}
.mx_SpaceSettingsDialog_visibilityIcon::before {

2
res/css/views/dialogs/_SpotlightDialog.pcss
View file

@ -508,7 +508,7 @@ Please see LICENSE files in the repository root for full details.
mask-size: contain;
&.mx_SpotlightDialog_metaspaceResult_home-space {
mask-image: url("$(res)/img/element-icons/home.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/home-solid.svg");
}
&.mx_SpotlightDialog_metaspaceResult_favourites-space {

10
res/css/views/elements/_Dropdown.pcss
View file

@ -39,11 +39,13 @@ Please see LICENSE files in the repository root for full details.
}
.mx_Dropdown_arrow {
width: 10px;
height: 6px;
padding-right: 9px;
mask: url("$(res)/img/feather-customised/dropdown-arrow.svg");
width: 16px;
height: 16px;
margin-right: 4px;
mask: url("@vector-im/compound-design-tokens/icons/chevron-down.svg");
mask-repeat: no-repeat;
mask-position: center;
mask-size: 18px;
background: $primary-content;
}

13
res/css/views/elements/_Field.pcss
View file

@ -51,12 +51,15 @@ Please see LICENSE files in the repository root for full details.
.mx_Field_select::before {
content: "";
position: absolute;
top: 15px;
right: 10px;
width: 10px;
height: 6px;
mask: url("$(res)/img/feather-customised/dropdown-arrow.svg");
top: 50%;
transform: translateY(-50%);
right: 4px;
width: 18px;
height: 18px;
mask: url("@vector-im/compound-design-tokens/icons/chevron-down.svg");
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
background-color: $primary-content;
z-index: 1;
pointer-events: none;

2
res/css/views/elements/_ImageView.pcss
View file

@ -125,7 +125,7 @@ $button-gap: 24px;
}
.mx_ImageView_button_download::before {
mask-image: url("$(res)/img/image-view/download.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/download.svg");
}
.mx_ImageView_button_more::before {

2
res/css/views/elements/_MiniAvatarUploader.pcss
View file

@ -32,7 +32,7 @@ Please see LICENSE files in the repository root for full details.
background-color: $secondary-content;
mask-position: center;
mask-repeat: no-repeat;
mask-image: url("$(res)/img/element-icons/camera.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/take-photo-solid.svg");
mask-size: 16px;
z-index: 2;
}

3
res/css/views/elements/_UseCaseSelectionButton.pcss
View file

@ -48,7 +48,8 @@ Please see LICENSE files in the repository root for full details.
}
&.mx_UseCaseSelectionButton_community::before {
mask-image: url("$(res)/img/globe.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/public.svg");
mask-size: 24px;
}
}

4
res/css/views/emojipicker/_EmojiPicker.pcss
View file

@ -109,6 +109,10 @@ Please see LICENSE files in the repository root for full details.
border: none;
padding: 8px 12px;
border-radius: 4px 0;
&::placeholder {
color: var(--cpd-color-text-secondary);
}
}
button {

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

@ -30,6 +30,6 @@ Please see LICENSE files in the repository root for full details.
mask-position: center;
mask-size: contain;
mask-repeat: no-repeat;
mask-image: url("$(res)/img/feather-customised/chevron-down.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/chevron-down.svg");
background-color: var(--cpd-color-icon-secondary);
}

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

@ -113,7 +113,7 @@ Please see LICENSE files in the repository root for full details.
}
&.mx_MessageActionBar_downloadButton {
--MessageActionBar-icon-size: 14px;
--MessageActionBar-icon-size: 20px;
&.mx_MessageActionBar_downloadSpinnerButton {
svg {

2
res/css/views/right_panel/_ThreadPanel.pcss
View file

@ -45,7 +45,7 @@ Please see LICENSE files in the repository root for full details.
width: 18px;
height: 18px;
background: currentColor;
mask-image: url("$(res)/img/feather-customised/chevron-down.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/chevron-down.svg");
mask-size: 100%;
mask-repeat: no-repeat;
float: right;

4
res/css/views/right_panel/_UserInfo.pcss
View file

@ -26,9 +26,9 @@ Please see LICENSE files in the repository root for full details.
height: 16px;
width: 16px;
padding: 4px;
mask-image: url("$(res)/img/minimise.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/chevron-left.svg");
mask-repeat: no-repeat;
mask-position: 7px center;
mask-position: center;
background-color: $header-panel-text-primary-color;
}
}

2
res/css/views/rooms/_LinkPreviewGroup.pcss
View file

@ -18,7 +18,7 @@ Please see LICENSE files in the repository root for full details.
}
}
&:hover .mx_LinkPreviewGroup_hide img,
&:hover .mx_LinkPreviewGroup_hide svg,
.mx_LinkPreviewGroup_hide:focus-visible:focus svg {
visibility: visible;
}

2
res/css/views/rooms/_MessageComposer.pcss
View file

@ -296,7 +296,7 @@ Please see LICENSE files in the repository root for full details.
top: 8px;
left: 9px;
mask-image: url("$(res)/img/element-icons/send-message.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/send-solid.svg");
mask-repeat: no-repeat;
mask-size: contain;
mask-position: center;

2
res/css/views/rooms/_RoomCallBanner.pcss
View file

@ -37,7 +37,7 @@ Please see LICENSE files in the repository root for full details.
content: "";
background-color: $secondary-content;
mask-size: 16px;
mask-position-y: center;
mask-position: center;
width: 16px;
height: 1.2em; /* to match line height */
margin-right: 8px;

6
res/css/views/rooms/_RoomInfoLine.pcss
View file

@ -14,7 +14,7 @@ Please see LICENSE files in the repository root for full details.
content: "";
display: inline-block;
height: 1.2em;
mask-position-y: center;
mask-position: center;
mask-repeat: no-repeat;
background-color: $tertiary-content;
vertical-align: text-bottom;
@ -24,13 +24,13 @@ Please see LICENSE files in the repository root for full details.
&.mx_RoomInfoLine_public::before {
width: 12px;
mask-size: 12px;
mask-image: url("$(res)/img/globe.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/public.svg");
}
&.mx_RoomInfoLine_private::before {
width: 10px;
mask-size: 10px;
mask-image: url("$(res)/img/element-icons/lock.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/lock-solid.svg");
}
&.mx_RoomInfoLine_video::before {

2
res/css/views/rooms/_RoomListHeader.pcss
View file

@ -42,7 +42,7 @@ Please see LICENSE files in the repository root for full details.
mask-size: contain;
mask-repeat: no-repeat;
background-color: $tertiary-content;
mask-image: url("$(res)/img/feather-customised/chevron-down.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/chevron-down.svg");
}
&[aria-expanded="true"] {

4
res/css/views/rooms/_RoomSublist.pcss
View file

@ -160,7 +160,7 @@ Please see LICENSE files in the repository root for full details.
mask-size: contain;
mask-repeat: no-repeat;
background-color: var(--cpd-color-icon-secondary);
mask-image: url("$(res)/img/feather-customised/chevron-down.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/chevron-down.svg");
}
&.mx_RoomSublist_collapseBtn_collapsed::before {
@ -276,7 +276,7 @@ Please see LICENSE files in the repository root for full details.
.mx_RoomSublist_showMoreButtonChevron,
.mx_RoomSublist_showLessButtonChevron {
mask-image: url("$(res)/img/feather-customised/chevron-down.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/chevron-down.svg");
}
.mx_RoomSublist_showLessButtonChevron {

4
res/css/views/rooms/_RoomTile.pcss
View file

@ -210,7 +210,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_RoomTile_iconFiles::before {
mask-image: url("$(res)/img/element-icons/room/files.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/files.svg");
}
.mx_RoomTile_iconPins::before {
@ -222,7 +222,7 @@ Please see LICENSE files in the repository root for full details.
}
.mx_RoomTile_iconSettings::before {
mask-image: url("$(res)/img/element-icons/settings.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/settings-solid.svg");
}
.mx_RoomTile_iconExport::before {

2
res/css/views/rooms/wysiwyg_composer/components/_Editor.pcss
View file

@ -155,7 +155,7 @@ Please see LICENSE files in the repository root for full details.
display: inline-block;
pointer-events: none;
white-space: nowrap;
color: $tertiary-content;
color: var(--cpd-color-text-secondary);
}
}

2
res/css/views/spaces/_SpaceBasicSettings.pcss
View file

@ -45,7 +45,7 @@ Please see LICENSE files in the repository root for full details.
mask-repeat: no-repeat;
mask-position: center;
mask-size: 20px;
mask-image: url("$(res)/img/element-icons/camera.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/take-photo-solid.svg");
}
}

7
res/css/views/spaces/_SpaceCreateMenu.pcss
View file

@ -39,12 +39,11 @@ Please see LICENSE files in the repository root for full details.
}
.mx_SpaceCreateMenuType_public::before {
mask-image: url("$(res)/img/globe.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/public.svg");
}
.mx_SpaceCreateMenuType_private::before {
mask-image: url("$(res)/img/element-icons/lock.svg");
mask-size: 18px;
mask-image: url("@vector-im/compound-design-tokens/icons/lock-solid.svg");
}
.mx_SpaceCreateMenu_back {
@ -67,7 +66,7 @@ Please see LICENSE files in the repository root for full details.
mask-repeat: no-repeat;
mask-position: 2px 3px;
mask-size: 24px;
mask-image: url("$(res)/img/feather-customised/chevron-down.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/chevron-down.svg");
}
}

2
res/css/views/voip/_CallView.pcss
View file

@ -147,7 +147,7 @@ Please see LICENSE files in the repository root for full details.
&::before {
content: "";
display: inline-block;
mask-image: url("$(res)/img/feather-customised/chevron-down.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/chevron-down.svg");
mask-size: 20px;
mask-position: center;
background-color: $call-primary-content;

4
res/css/views/voip/_LegacyCallViewHeader.pcss
View file

@ -60,7 +60,7 @@ Please see LICENSE files in the repository root for full details.
&.mx_LegacyCallViewHeader_button_fullscreen {
&::before {
mask-image: url("$(res)/img/element-icons/call/fullscreen.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/expand.svg");
}
}
@ -72,7 +72,7 @@ Please see LICENSE files in the repository root for full details.
&.mx_LegacyCallViewHeader_button_expand {
&::before {
mask-image: url("$(res)/img/element-icons/call/expand.svg");
mask-image: url("@vector-im/compound-design-tokens/icons/pop-out.svg");
}
}
}