Apply prettier formatting
This commit is contained in:
parent
1cac306093
commit
526645c791
1576 changed files with 65385 additions and 62478 deletions
|
@ -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");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -15,7 +15,8 @@ limitations under the License.
|
|||
*/
|
||||
|
||||
.mx_BulkRedactDialog {
|
||||
.mx_Checkbox, .mx_BulkRedactDialog_checkboxMicrocopy {
|
||||
.mx_Checkbox,
|
||||
.mx_BulkRedactDialog_checkboxMicrocopy {
|
||||
line-height: $font-20px;
|
||||
}
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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");
|
||||
}
|
||||
|
|
|
@ -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");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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");
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue