Apply prettier formatting

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

View file

@ -123,13 +123,13 @@ limitations under the License.
position: relative;
&::before {
content: '';
content: "";
position: absolute;
background-color: $primary-content;
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
mask-image: url('$(res)/img/element-icons/retry.svg');
mask-image: url("$(res)/img/element-icons/retry.svg");
width: 18px;
height: 18px;
left: 0;
@ -199,7 +199,7 @@ limitations under the License.
position: relative;
&::before {
content: '';
content: "";
width: 20px;
height: 20px;
top: 8px;
@ -209,7 +209,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");
}
}
}

View file

@ -17,7 +17,7 @@ limitations under the License.
.mx_AnalyticsLearnMoreDialog {
max-width: 500px;
.mx_AnalyticsLearnMore_image_holder {
background-image: url('$(res)/img/element-shiny.svg');
background-image: url("$(res)/img/element-shiny.svg");
background-repeat: no-repeat;
background-position: center top;
height: 112px;
@ -41,7 +41,7 @@ limitations under the License.
.mx_AnalyticsPolicyLink {
display: inline-block;
mask-image: url('$(res)/img/external-link.svg');
mask-image: url("$(res)/img/external-link.svg");
background-color: $accent;
mask-repeat: no-repeat;
mask-size: contain;
@ -56,7 +56,7 @@ limitations under the License.
}
.mx_AnalyticsLearnMore_bullets li {
background: url('$(res)/img/tick-circle.svg') no-repeat;
background: url("$(res)/img/tick-circle.svg") no-repeat;
list-style-type: none;
padding: 2px 0px 20px 32px;
vertical-align: middle;

View file

@ -15,7 +15,8 @@ limitations under the License.
*/
.mx_BulkRedactDialog {
.mx_Checkbox, .mx_BulkRedactDialog_checkboxMicrocopy {
.mx_Checkbox,
.mx_BulkRedactDialog_checkboxMicrocopy {
line-height: $font-20px;
}

View file

@ -50,7 +50,7 @@ limitations under the License.
color: $secondary-content;
&::before {
content: '';
content: "";
position: absolute;
left: 10px;
top: calc(50% - 8px); /* vertical centering */
@ -59,7 +59,7 @@ limitations under the License.
background-color: $secondary-content;
mask-repeat: no-repeat;
mask-size: contain;
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;
}
}

View file

@ -138,7 +138,8 @@ limitations under the License.
text-align: left;
}
td, th {
td,
th {
width: 360px; /* "feels right" number */
text-overflow: ellipsis;
@ -146,7 +147,8 @@ limitations under the License.
white-space: nowrap;
}
td + td, th + th {
td + td,
th + th {
width: auto;
}

View file

@ -47,7 +47,8 @@ limitations under the License.
color: unset;
}
.mx_Field_valid.mx_Field, .mx_Field_valid.mx_Field:focus-within {
.mx_Field_valid.mx_Field,
.mx_Field_valid.mx_Field:focus-within {
border-color: $input-border-color;
}

View file

@ -58,12 +58,14 @@ limitations under the License.
line-height: $font-15px;
}
a, .mx_AccessibleButton_kind_link {
a,
.mx_AccessibleButton_kind_link {
color: $accent;
text-decoration: underline;
}
&::before, &::after {
&::before,
&::after {
content: "";
position: absolute;
width: 40px;
@ -87,7 +89,7 @@ limitations under the License.
.mx_FeedbackDialog_reportBug {
&::after {
mask-image: url('$(res)/img/feather-customised/bug.svg');
mask-image: url("$(res)/img/feather-customised/bug.svg");
}
}
@ -95,7 +97,7 @@ limitations under the License.
.mx_StyledRadioButton {
display: inline-flex;
font-size: 20px;
transition: font-size 1s, border .5s;
transition: font-size 1s, border 0.5s;
border-radius: 50%;
border: 2px solid transparent;
margin-top: 12px;
@ -132,7 +134,7 @@ limitations under the License.
}
&::after {
mask-image: url('$(res)/img/element-icons/feedback.svg');
mask-image: url("$(res)/img/element-icons/feedback.svg");
}
}
}

View file

@ -137,7 +137,8 @@ limitations under the License.
visibility: hidden;
}
.mx_ForwardList_sendIcon, .mx_NotificationBadge {
.mx_ForwardList_sendIcon,
.mx_NotificationBadge {
position: absolute;
}
@ -148,7 +149,7 @@ limitations under the License.
&.mx_ForwardList_sending .mx_ForwardList_sendIcon {
background-color: $accent;
mask-image: url('$(res)/img/element-icons/circle-sending.svg');
mask-image: url("$(res)/img/element-icons/circle-sending.svg");
mask-position: center;
mask-repeat: no-repeat;
mask-size: 14px;
@ -158,7 +159,7 @@ limitations under the License.
&.mx_ForwardList_sent .mx_ForwardList_sendIcon {
background-color: $accent;
mask-image: url('$(res)/img/element-icons/circle-sent.svg');
mask-image: url("$(res)/img/element-icons/circle-sent.svg");
mask-position: center;
mask-repeat: no-repeat;
mask-size: 14px;

View file

@ -313,11 +313,11 @@ limitations under the License.
}
.mx_InviteDialog_userDirectoryIcon::before {
mask-image: url('$(res)/img/voip/tab-userdirectory.svg');
mask-image: url("$(res)/img/voip/tab-userdirectory.svg");
}
.mx_InviteDialog_dialPadIcon::before {
mask-image: url('$(res)/img/voip/tab-dialpad.svg');
mask-image: url("$(res)/img/voip/tab-dialpad.svg");
}
.mx_InviteDialog_tile {

View file

@ -50,17 +50,17 @@ limitations under the License.
}
.mx_JoinRuleDropdown_invite::before {
mask-image: url('$(res)/img/element-icons/lock.svg');
mask-image: url("$(res)/img/element-icons/lock.svg");
mask-size: contain;
}
.mx_JoinRuleDropdown_public::before {
mask-image: url('$(res)/img/globe.svg');
mask-image: url("$(res)/img/globe.svg");
mask-size: 12px;
}
.mx_JoinRuleDropdown_restricted::before {
mask-image: url('$(res)/img/element-icons/group-members.svg');
mask-image: url("$(res)/img/element-icons/group-members.svg");
mask-size: contain;
}
}

View file

@ -44,7 +44,7 @@ limitations under the License.
color: $secondary-content;
&::before {
content: '';
content: "";
position: absolute;
left: 10px;
top: calc(50% - 8px); /* vertical centering */
@ -53,7 +53,7 @@ limitations under the License.
background-color: $secondary-content;
mask-repeat: no-repeat;
mask-size: contain;
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;
}
}

View file

@ -116,7 +116,7 @@ limitations under the License.
color: $secondary-content;
&::before {
content: '';
content: "";
position: absolute;
left: 10px;
top: calc(50% - 8px); /* vertical centering */
@ -125,7 +125,7 @@ limitations under the License.
background-color: $secondary-content;
mask-repeat: no-repeat;
mask-size: contain;
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;
}
}

View file

@ -35,7 +35,8 @@ limitations under the License.
padding: 0;
color: $primary-content;
span.mx_EditHistoryMessage_deletion, span.mx_EditHistoryMessage_insertion {
span.mx_EditHistoryMessage_deletion,
span.mx_EditHistoryMessage_insertion {
padding: 0px 2px;
}

View file

@ -63,7 +63,7 @@ limitations under the License.
&::before {
content: "";
mask: url('$(res)/img/element-icons/x-8px.svg');
mask: url("$(res)/img/element-icons/x-8px.svg");
mask-repeat: no-repeat;
mask-position: center;
mask-size: cover;

View file

@ -18,32 +18,32 @@ limitations under the License.
/* ========================================================== */
.mx_RoomSettingsDialog_settingsIcon::before {
mask-image: url('$(res)/img/element-icons/settings.svg');
mask-image: url("$(res)/img/element-icons/settings.svg");
}
.mx_RoomSettingsDialog_voiceIcon::before {
mask-image: url('$(res)/img/element-icons/call/voice-call.svg');
mask-image: url("$(res)/img/element-icons/call/voice-call.svg");
}
.mx_RoomSettingsDialog_securityIcon::before {
mask-image: url('$(res)/img/element-icons/security.svg');
mask-image: url("$(res)/img/element-icons/security.svg");
}
.mx_RoomSettingsDialog_rolesIcon::before {
mask-image: url('$(res)/img/element-icons/room/settings/roles.svg');
mask-image: url("$(res)/img/element-icons/room/settings/roles.svg");
}
.mx_RoomSettingsDialog_notificationsIcon::before {
mask-image: url('$(res)/img/element-icons/notifications.svg');
mask-image: url("$(res)/img/element-icons/notifications.svg");
}
.mx_RoomSettingsDialog_bridgesIcon::before {
/* This icon is pants, please improve :) */
mask-image: url('$(res)/img/feather-customised/bridge.svg');
mask-image: url("$(res)/img/feather-customised/bridge.svg");
}
.mx_RoomSettingsDialog_warningIcon::before {
mask-image: url('$(res)/img/element-icons/room/settings/advanced.svg');
mask-image: url("$(res)/img/element-icons/room/settings/advanced.svg");
}
.mx_RoomSettingsDialog .mx_Dialog_title {

View file

@ -46,5 +46,5 @@ limitations under the License.
}
.mx_SpacePreferencesDialog_appearanceIcon::before {
mask-image: url('$(res)/img/element-icons/settings/appearance.svg');
mask-image: url("$(res)/img/element-icons/settings/appearance.svg");
}

View file

@ -88,11 +88,11 @@ limitations under the License.
.mx_TabbedView_tabLabel {
.mx_SpaceSettingsDialog_generalIcon::before {
mask-image: url('$(res)/img/element-icons/settings.svg');
mask-image: url("$(res)/img/element-icons/settings.svg");
}
.mx_SpaceSettingsDialog_visibilityIcon::before {
mask-image: url('$(res)/img/element-icons/eye.svg');
mask-image: url("$(res)/img/element-icons/eye.svg");
}
}
}

View file

@ -93,11 +93,11 @@ limitations under the License.
}
&.mx_SpotlightDialog_filterPeople::before {
mask-image: url('$(res)/img/element-icons/room/members.svg');
mask-image: url("$(res)/img/element-icons/room/members.svg");
}
&.mx_SpotlightDialog_filterPublicRooms::before {
mask-image: url('$(res)/img/element-icons/roomlist/explore.svg');
mask-image: url("$(res)/img/element-icons/roomlist/explore.svg");
}
.mx_SpotlightDialog_filter--close {
@ -156,7 +156,8 @@ limitations under the License.
padding: $spacing-16;
.mx_SpotlightDialog_section {
> h4, > .mx_SpotlightDialog_sectionHeader > h4 {
> h4,
> .mx_SpotlightDialog_sectionHeader > h4 {
font-weight: $font-semi-bold;
font-size: $font-12px;
line-height: $font-15px;
@ -216,7 +217,8 @@ limitations under the License.
margin-left: $spacing-16;
}
&:hover, &[aria-selected="true"] {
&:hover,
&[aria-selected="true"] {
background-color: $quinary-content;
}
}
@ -329,7 +331,7 @@ limitations under the License.
&::before {
top: 2px;
left: 2px;
content: '';
content: "";
width: 16px;
height: 16px;
position: absolute;
@ -339,16 +341,18 @@ limitations under the License.
background: $tertiary-content;
}
&:hover::before, &[aria-selected="true"]::before {
&:hover::before,
&[aria-selected="true"]::before {
background-color: $secondary-content;
}
}
.mx_SpotlightDialog_option--menu::before {
mask-image: url('$(res)/img/element-icons/context-menu.svg');
mask-image: url("$(res)/img/element-icons/context-menu.svg");
}
&:hover, &[aria-selected="true"] {
&:hover,
&[aria-selected="true"] {
background-color: $system;
.mx_SpotlightDialog_option--menu,
@ -419,19 +423,19 @@ limitations under the License.
}
.mx_SpotlightDialog_startChat::before {
mask-image: url('$(res)/img/element-icons/room/members.svg');
mask-image: url("$(res)/img/element-icons/room/members.svg");
}
.mx_SpotlightDialog_joinRoomAlias::before {
mask-image: url('$(res)/img/element-icons/roomlist/hash-circle.svg');
mask-image: url("$(res)/img/element-icons/roomlist/hash-circle.svg");
}
.mx_SpotlightDialog_explorePublicRooms::before {
mask-image: url('$(res)/img/element-icons/roomlist/explore.svg');
mask-image: url("$(res)/img/element-icons/roomlist/explore.svg");
}
.mx_SpotlightDialog_startGroupChat::before {
mask-image: url('$(res)/img/element-icons/group-members.svg');
mask-image: url("$(res)/img/element-icons/group-members.svg");
}
.mx_SpotlightDialog_otherSearches_messageSearchText {
@ -448,7 +452,7 @@ limitations under the License.
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
mask-image: url('$(res)/img/element-icons/room/search-inset.svg');
mask-image: url("$(res)/img/element-icons/room/search-inset.svg");
}
}
@ -491,19 +495,19 @@ limitations under the License.
mask-size: contain;
&.mx_SpotlightDialog_metaspaceResult_home-space {
mask-image: url('$(res)/img/element-icons/home.svg');
mask-image: url("$(res)/img/element-icons/home.svg");
}
&.mx_SpotlightDialog_metaspaceResult_favourites-space {
mask-image: url('$(res)/img/element-icons/roomlist/favorite.svg');
mask-image: url("$(res)/img/element-icons/roomlist/favorite.svg");
}
&.mx_SpotlightDialog_metaspaceResult_people-space {
mask-image: url('$(res)/img/element-icons/room/members.svg');
mask-image: url("$(res)/img/element-icons/room/members.svg");
}
&.mx_SpotlightDialog_metaspaceResult_orphans-space {
mask-image: url('$(res)/img/element-icons/roomlist/hash-circle.svg');
mask-image: url("$(res)/img/element-icons/roomlist/hash-circle.svg");
}
}
}

View file

@ -35,13 +35,14 @@ limitations under the License.
width: 100%;
}
.mx_TermsDialog_service, .mx_TermsDialog_summary {
.mx_TermsDialog_service,
.mx_TermsDialog_summary {
padding-right: 10px;
}
.mx_TermsDialog_link {
display: inline-block;
mask-image: url('$(res)/img/external-link.svg');
mask-image: url("$(res)/img/external-link.svg");
background-color: $accent;
width: 10px;
height: 10px;

View file

@ -18,45 +18,45 @@ limitations under the License.
/* ========================================================== */
.mx_UserSettingsDialog_settingsIcon::before {
mask-image: url('$(res)/img/element-icons/settings.svg');
mask-image: url("$(res)/img/element-icons/settings.svg");
}
.mx_UserSettingsDialog_appearanceIcon::before {
mask-image: url('$(res)/img/element-icons/settings/appearance.svg');
mask-image: url("$(res)/img/element-icons/settings/appearance.svg");
}
.mx_UserSettingsDialog_voiceIcon::before {
mask-image: url('$(res)/img/element-icons/call/voice-call.svg');
mask-image: url("$(res)/img/element-icons/call/voice-call.svg");
}
.mx_UserSettingsDialog_bellIcon::before {
mask-image: url('$(res)/img/element-icons/notifications.svg');
mask-image: url("$(res)/img/element-icons/notifications.svg");
}
.mx_UserSettingsDialog_preferencesIcon::before {
mask-image: url('$(res)/img/element-icons/settings/preference.svg');
mask-image: url("$(res)/img/element-icons/settings/preference.svg");
}
.mx_UserSettingsDialog_keyboardIcon::before {
mask-image: url('$(res)/img/element-icons/settings/keyboard.svg');
mask-image: url("$(res)/img/element-icons/settings/keyboard.svg");
}
.mx_UserSettingsDialog_sidebarIcon::before {
mask-image: url('$(res)/img/element-icons/settings/sidebar.svg');
mask-image: url("$(res)/img/element-icons/settings/sidebar.svg");
}
.mx_UserSettingsDialog_securityIcon::before {
mask-image: url('$(res)/img/element-icons/security.svg');
mask-image: url("$(res)/img/element-icons/security.svg");
}
.mx_UserSettingsDialog_helpIcon::before {
mask-image: url('$(res)/img/element-icons/settings/help.svg');
mask-image: url("$(res)/img/element-icons/settings/help.svg");
}
.mx_UserSettingsDialog_labsIcon::before {
mask-image: url('$(res)/img/element-icons/settings/flask.svg');
mask-image: url("$(res)/img/element-icons/settings/flask.svg");
}
.mx_UserSettingsDialog_mjolnirIcon::before {
mask-image: url('$(res)/img/element-icons/room/composer/emoji.svg');
mask-image: url("$(res)/img/element-icons/room/composer/emoji.svg");
}

View file

@ -17,7 +17,7 @@ limitations under the License.
.mx_AccessSecretStorageDialog {
.mx_AccessSecretStorageDialog_titleWithIcon {
&::before {
content: '';
content: "";
display: inline-block;
width: 24px;
height: 24px;
@ -35,11 +35,11 @@ limitations under the License.
}
&.mx_AccessSecretStorageDialog_secureBackupTitle::before {
mask-image: url('$(res)/img/feather-customised/secure-backup.svg');
mask-image: url("$(res)/img/feather-customised/secure-backup.svg");
}
&.mx_AccessSecretStorageDialog_securePhraseTitle::before {
mask-image: url('$(res)/img/feather-customised/secure-phrase.svg');
mask-image: url("$(res)/img/feather-customised/secure-phrase.svg");
}
}
@ -88,7 +88,7 @@ limitations under the License.
color: $accent;
&::before {
mask-image: url('$(res)/img/feather-customised/check.svg');
mask-image: url("$(res)/img/feather-customised/check.svg");
background-color: $accent;
}
}
@ -97,19 +97,19 @@ limitations under the License.
color: $alert;
&::before {
mask-image: url('$(res)/img/feather-customised/x.svg');
mask-image: url("$(res)/img/feather-customised/x.svg");
background-color: $alert;
}
}
}
.mx_Dialog_buttons {
$spacingStart: $spacing-24; /* 16px icon + 8px padding */
$spacingStart: $spacing-24; /* 16px icon + 8px padding */
text-align: initial;
display: flex;
flex-flow: column;
gap: 14px; /* TODO: spacing variable */
gap: 14px; /* TODO: spacing variable */
.mx_Dialog_buttons_additive {
float: none;

View file

@ -49,7 +49,7 @@ limitations under the License.
}
.mx_CreateSecretStorageDialog_titleWithIcon::before {
content: '';
content: "";
display: inline-block;
width: 24px;
height: 24px;
@ -60,14 +60,15 @@ limitations under the License.
}
.mx_CreateSecretStorageDialog_secureBackupTitle::before {
mask-image: url('$(res)/img/feather-customised/secure-backup.svg');
mask-image: url("$(res)/img/feather-customised/secure-backup.svg");
}
.mx_CreateSecretStorageDialog_securePhraseTitle::before {
mask-image: url('$(res)/img/feather-customised/secure-phrase.svg');
mask-image: url("$(res)/img/feather-customised/secure-phrase.svg");
}
.mx_CreateSecretStorageDialog_centeredTitle, .mx_CreateSecretStorageDialog_centeredBody {
.mx_CreateSecretStorageDialog_centeredTitle,
.mx_CreateSecretStorageDialog_centeredBody {
text-align: center;
}
@ -110,11 +111,11 @@ limitations under the License.
}
.mx_CreateSecretStorageDialog_optionIcon_securePhrase {
mask-image: url('$(res)/img/feather-customised/secure-phrase.svg');
mask-image: url("$(res)/img/feather-customised/secure-phrase.svg");
}
.mx_CreateSecretStorageDialog_optionIcon_secureBackup {
mask-image: url('$(res)/img/feather-customised/secure-backup.svg');
mask-image: url("$(res)/img/feather-customised/secure-backup.svg");
}
.mx_CreateSecretStorageDialog_passPhraseContainer {