Apply prettier formatting
This commit is contained in:
Michael Weimann
parent
1cac306093
commit
526645c791
1576 changed files with 65385 additions and 62478 deletions
|
|
@ -35,9 +35,15 @@ limitations under the License.
|
|||
}
|
||||
|
||||
@keyframes mx--anim-pulse {
|
||||
0% { opacity: 1; }
|
||||
50% { opacity: 0.7; }
|
||||
100% { opacity: 1; }
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
opacity: 0.7;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes mx_Dialog_lightbox_background_keyframes {
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@ limitations under the License.
|
|||
@import "./_spacing.pcss";
|
||||
@import url("maplibre-gl/dist/maplibre-gl.css");
|
||||
|
||||
$hover-transition: 0.08s cubic-bezier(.46, .03, .52, .96); /* quadratic */
|
||||
$hover-transition: 0.08s cubic-bezier(0.46, 0.03, 0.52, 0.96); /* quadratic */
|
||||
|
||||
$selected-message-border-width: 4px;
|
||||
|
||||
|
|
@ -40,8 +40,8 @@ $timeline-image-border-radius: 8px;
|
|||
:root {
|
||||
font-size: 10px;
|
||||
|
||||
--transition-short: .1s;
|
||||
--transition-standard: .3s;
|
||||
--transition-short: 0.1s;
|
||||
--transition-standard: 0.3s;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion) {
|
||||
|
|
@ -74,13 +74,16 @@ body {
|
|||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
pre, code {
|
||||
pre,
|
||||
code {
|
||||
font-family: $monospace-font-family;
|
||||
font-size: 100% !important;
|
||||
}
|
||||
|
||||
.error, .warning,
|
||||
.text-error, .text-warning {
|
||||
.error,
|
||||
.warning,
|
||||
.text-error,
|
||||
.text-warning {
|
||||
color: $alert;
|
||||
}
|
||||
|
||||
|
|
@ -132,7 +135,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("$(res)/img/feather-customised/search-input.svg");
|
||||
}
|
||||
|
||||
/* dont search UI as not all browsers support it, */
|
||||
|
|
@ -150,7 +153,9 @@ textarea::placeholder {
|
|||
opacity: initial;
|
||||
}
|
||||
|
||||
input[type="text"], input[type="password"], textarea {
|
||||
input[type="text"],
|
||||
input[type="password"],
|
||||
textarea {
|
||||
background-color: transparent;
|
||||
color: $primary-content;
|
||||
}
|
||||
|
|
@ -160,7 +165,9 @@ textarea {
|
|||
color: $primary-content;
|
||||
}
|
||||
|
||||
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
|
||||
input[type="text"]:focus,
|
||||
input[type="password"]:focus,
|
||||
textarea:focus {
|
||||
outline: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
|
@ -197,7 +204,8 @@ legend {
|
|||
/* it has the appearance of a text box so the controls */
|
||||
/* appear to be part of the input */
|
||||
|
||||
.mx_Dialog, .mx_MatrixChat_wrapper {
|
||||
.mx_Dialog,
|
||||
.mx_MatrixChat_wrapper {
|
||||
.mx_textinput > input[type="text"],
|
||||
.mx_textinput > input[type="search"] {
|
||||
border: none;
|
||||
|
|
@ -213,7 +221,7 @@ legend {
|
|||
background-color: transparent;
|
||||
color: $input-darker-fg-color;
|
||||
border-radius: 4px;
|
||||
border: 1px solid rgba($primary-content, .1);
|
||||
border: 1px solid rgba($primary-content, 0.1);
|
||||
/* these things should probably not be defined globally */
|
||||
margin: 9px;
|
||||
}
|
||||
|
|
@ -226,7 +234,7 @@ legend {
|
|||
:not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput) > input[type="text"]::placeholder,
|
||||
:not(.mx_textinput):not(.mx_Field):not(.mx_no_textinput) > input[type="search"]::placeholder,
|
||||
.mx_textinput input::placeholder {
|
||||
color: rgba($input-darker-fg-color, .75);
|
||||
color: rgba($input-darker-fg-color, 0.75);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -329,7 +337,7 @@ legend {
|
|||
pre code {
|
||||
white-space: pre; /* we want code blocks to be scrollable and not wrap */
|
||||
|
||||
>* {
|
||||
> * {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
|
@ -457,7 +465,7 @@ legend {
|
|||
}
|
||||
|
||||
@define-mixin customisedCancelButton {
|
||||
mask: url('$(res)/img/cancel.svg');
|
||||
mask: url("$(res)/img/cancel.svg");
|
||||
mask-repeat: no-repeat;
|
||||
mask-position: center;
|
||||
mask-size: cover;
|
||||
|
|
@ -768,7 +776,7 @@ legend {
|
|||
align-items: center;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
content: "";
|
||||
display: inline-block;
|
||||
background-color: $button-fg-color;
|
||||
mask-position: center;
|
||||
|
|
@ -789,7 +797,7 @@ legend {
|
|||
@define-mixin ThreadSummaryIcon {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
mask-image: url('$(res)/img/element-icons/thread-summary.svg');
|
||||
mask-image: url("$(res)/img/element-icons/thread-summary.svg");
|
||||
mask-position: center;
|
||||
mask-repeat: no-repeat;
|
||||
mask-size: contain;
|
||||
|
|
@ -806,7 +814,7 @@ legend {
|
|||
}
|
||||
}
|
||||
|
||||
@define-mixin composerButton $border-radius,$hover-color {
|
||||
@define-mixin composerButton $border-radius, $hover-color {
|
||||
--size: 26px;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
|
|
@ -817,7 +825,7 @@ legend {
|
|||
border-radius: $border-radius;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
left: 3px;
|
||||
|
|
@ -830,7 +838,7 @@ legend {
|
|||
}
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@ $font-6px: 0.6rem;
|
|||
$font-7px: 0.7rem;
|
||||
$font-8px: 0.8rem;
|
||||
$font-9px: 0.9rem;
|
||||
$font-10px: 1.0rem;
|
||||
$font-10px: 1rem;
|
||||
$font-10-4px: 1.04rem;
|
||||
$font-11px: 1.1rem;
|
||||
$font-12px: 1.2rem;
|
||||
|
|
@ -35,7 +35,7 @@ $font-16px: 1.6rem;
|
|||
$font-17px: 1.7rem;
|
||||
$font-18px: 1.8rem;
|
||||
$font-19px: 1.9rem;
|
||||
$font-20px: 2.0rem;
|
||||
$font-20px: 2rem;
|
||||
$font-21px: 2.1rem;
|
||||
$font-22px: 2.2rem;
|
||||
$font-23px: 2.3rem;
|
||||
|
|
@ -45,7 +45,7 @@ $font-26px: 2.6rem;
|
|||
$font-27px: 2.7rem;
|
||||
$font-28px: 2.8rem;
|
||||
$font-29px: 2.9rem;
|
||||
$font-30px: 3.0rem;
|
||||
$font-30px: 3rem;
|
||||
$font-31px: 3.1rem;
|
||||
$font-32px: 3.2rem;
|
||||
$font-33px: 3.3rem;
|
||||
|
|
@ -55,7 +55,7 @@ $font-36px: 3.6rem;
|
|||
$font-37px: 3.7rem;
|
||||
$font-38px: 3.8rem;
|
||||
$font-39px: 3.9rem;
|
||||
$font-40px: 4.0rem;
|
||||
$font-40px: 4rem;
|
||||
$font-41px: 4.1rem;
|
||||
$font-42px: 4.2rem;
|
||||
$font-43px: 4.3rem;
|
||||
|
|
@ -65,7 +65,7 @@ $font-46px: 4.6rem;
|
|||
$font-47px: 4.7rem;
|
||||
$font-48px: 4.8rem;
|
||||
$font-49px: 4.9rem;
|
||||
$font-50px: 5.0rem;
|
||||
$font-50px: 5rem;
|
||||
$font-51px: 5.1rem;
|
||||
$font-52px: 5.2rem;
|
||||
$font-78px: 7.8rem;
|
||||
|
|
|
|||
|
|
@ -31,7 +31,7 @@ limitations under the License.
|
|||
|
||||
/* caret down */
|
||||
&::before {
|
||||
content: '';
|
||||
content: "";
|
||||
border-left: 5px solid transparent;
|
||||
border-right: 5px solid transparent;
|
||||
border-top: 5px solid currentColor;
|
||||
|
|
|
|||
|
|
@ -33,7 +33,8 @@ limitations under the License.
|
|||
position: absolute;
|
||||
top: $spacing-16;
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@ limitations under the License.
|
|||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
opacity: 1.0;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.mx_ContextualMenu {
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -39,7 +39,7 @@ limitations under the License.
|
|||
width: 4px;
|
||||
border-radius: 4px;
|
||||
|
||||
content: '';
|
||||
content: "";
|
||||
|
||||
background-color: $primary-content;
|
||||
opacity: 0.8;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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%
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@ limitations under the License.
|
|||
background-color: $system;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
content: "";
|
||||
position: absolute; /* sizing varies by icon */
|
||||
background-color: $secondary-content;
|
||||
mask-repeat: no-repeat;
|
||||
|
|
@ -40,7 +40,7 @@ limitations under the License.
|
|||
height: 16px;
|
||||
top: 8px; /* center */
|
||||
left: 12px; /* center */
|
||||
mask-image: url('$(res)/img/element-icons/play.svg');
|
||||
mask-image: url("$(res)/img/element-icons/play.svg");
|
||||
}
|
||||
|
||||
&.mx_PlayPauseButton_pause::before {
|
||||
|
|
@ -48,6 +48,6 @@ limitations under the License.
|
|||
height: 12px;
|
||||
top: 10px; /* center */
|
||||
left: 11px; /* center */
|
||||
mask-image: url('$(res)/img/element-icons/pause.svg');
|
||||
mask-image: url("$(res)/img/element-icons/pause.svg");
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -61,8 +61,9 @@ limitations under the License.
|
|||
/* browsers. Firefox responds to webkit-prefixed values now, which means we can't use media */
|
||||
/* or support queries to selectively apply the rule. An upside is that this CSS doesn't work */
|
||||
/* in firefox, so it's just wasted CPU/GPU time. */
|
||||
&::before { /* ::before to ensure it ends up under the thumb */
|
||||
content: '';
|
||||
&::before {
|
||||
/* ::before to ensure it ends up under the thumb */
|
||||
content: "";
|
||||
background-color: $tertiary-content;
|
||||
|
||||
/* Absolute positioning to ensure it overlaps with the existing bar */
|
||||
|
|
@ -93,7 +94,7 @@ limitations under the License.
|
|||
/* We do it this way to keep the same padding and margins of the element, avoiding margin math. */
|
||||
/* Source: https://front-back.com/expand-clickable-areas-for-a-better-touch-experience/ */
|
||||
&::after {
|
||||
content: '';
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: -6px;
|
||||
bottom: -6px;
|
||||
|
|
|
|||
|
|
@ -179,7 +179,7 @@ limitations under the License.
|
|||
|
||||
&:disabled {
|
||||
cursor: default;
|
||||
opacity: .4;
|
||||
opacity: 0.4;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -32,8 +32,9 @@ limitations under the License.
|
|||
align-items: center;
|
||||
text-align: center;
|
||||
|
||||
&::before, &::after {
|
||||
content: '';
|
||||
&::before,
|
||||
&::after {
|
||||
content: "";
|
||||
flex: 1;
|
||||
border-bottom: 1px solid $quinary-content;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -28,7 +28,8 @@ progress.mx_PassphraseField_progress {
|
|||
|
||||
@mixin ProgressBarBorderRadius "2px";
|
||||
@mixin ProgressBarColour $PassphraseStrengthLow;
|
||||
&[value="2"], &[value="3"] {
|
||||
&[value="2"],
|
||||
&[value="3"] {
|
||||
@mixin ProgressBarColour $PassphraseStrengthMedium;
|
||||
}
|
||||
&[value="4"] {
|
||||
|
|
|
|||
|
|
@ -29,7 +29,8 @@ limitations under the License.
|
|||
user-select: none;
|
||||
|
||||
&.mx_RoomAvatar_isSpaceRoom {
|
||||
&.mx_BaseAvatar_image, .mx_BaseAvatar_image {
|
||||
&.mx_BaseAvatar_image,
|
||||
.mx_BaseAvatar_image {
|
||||
border-radius: 8px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -14,12 +14,13 @@ See the License for the specific language governing permissions and
|
|||
limitations under the License.
|
||||
*/
|
||||
|
||||
.mx_DecoratedRoomAvatar, .mx_ExtraTile {
|
||||
.mx_DecoratedRoomAvatar,
|
||||
.mx_ExtraTile {
|
||||
position: relative;
|
||||
contain: content;
|
||||
|
||||
&.mx_DecoratedRoomAvatar_cutout .mx_BaseAvatar {
|
||||
mask-image: url('$(res)/img/element-icons/roomlist/decorated-avatar-mask.svg');
|
||||
mask-image: url("$(res)/img/element-icons/roomlist/decorated-avatar-mask.svg");
|
||||
mask-position: center;
|
||||
mask-size: contain;
|
||||
mask-repeat: no-repeat;
|
||||
|
|
@ -37,7 +38,7 @@ limitations under the License.
|
|||
}
|
||||
|
||||
.mx_DecoratedRoomAvatar_icon::before {
|
||||
content: '';
|
||||
content: "";
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
right: 0;
|
||||
|
|
@ -50,7 +51,7 @@ limitations under the License.
|
|||
mask-size: contain;
|
||||
mask-repeat: no-repeat;
|
||||
background: $secondary-content;
|
||||
mask-image: url('$(res)/img/globe.svg');
|
||||
mask-image: url("$(res)/img/globe.svg");
|
||||
}
|
||||
|
||||
.mx_DecoratedRoomAvatar_icon_offline::before {
|
||||
|
|
@ -69,7 +70,8 @@ limitations under the License.
|
|||
background-color: $presence-busy;
|
||||
}
|
||||
|
||||
.mx_NotificationBadge, .mx_RoomTile_badgeContainer {
|
||||
.mx_NotificationBadge,
|
||||
.mx_RoomTile_badgeContainer {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
|
|
|
|||
|
|
@ -31,7 +31,8 @@ limitations under the License.
|
|||
}
|
||||
|
||||
/* the notFirst class is for cases where the optionList might be under a header of sorts. */
|
||||
&:nth-child(n + 2), .mx_IconizedContextMenu_optionList_notFirst {
|
||||
&:nth-child(n + 2),
|
||||
.mx_IconizedContextMenu_optionList_notFirst {
|
||||
/* This is a bit of a hack when we could just use a simple border-top property, */
|
||||
/* however we have a (kinda) good reason for doing it this way: we need opacity. */
|
||||
/* To get the right color, we need an opacity modifier which means we have to work */
|
||||
|
|
@ -44,7 +45,7 @@ limitations under the License.
|
|||
&::before {
|
||||
border-top: 1px solid $primary-content;
|
||||
opacity: 0.1;
|
||||
content: '';
|
||||
content: "";
|
||||
|
||||
/* Counteract the padding problems (width: 100% ignores the 40px padding, */
|
||||
/* unless we position it absolutely then it does the right thing). */
|
||||
|
|
@ -92,13 +93,16 @@ limitations under the License.
|
|||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
img, .mx_IconizedContextMenu_icon { /* icons */
|
||||
img,
|
||||
.mx_IconizedContextMenu_icon {
|
||||
/* icons */
|
||||
width: 16px;
|
||||
min-width: 16px;
|
||||
max-width: 16px;
|
||||
}
|
||||
|
||||
span.mx_IconizedContextMenu_label { /* labels */
|
||||
span.mx_IconizedContextMenu_label {
|
||||
/* labels */
|
||||
width: 100%;
|
||||
flex: 1;
|
||||
|
||||
|
|
@ -124,7 +128,7 @@ limitations under the License.
|
|||
height: 16px;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
content: "";
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
position: absolute;
|
||||
|
|
@ -154,7 +158,8 @@ limitations under the License.
|
|||
}
|
||||
|
||||
.mx_IconizedContextMenu_active {
|
||||
&.mx_IconizedContextMenu_item, .mx_IconizedContextMenu_item {
|
||||
&.mx_IconizedContextMenu_item,
|
||||
.mx_IconizedContextMenu_item {
|
||||
color: $accent !important;
|
||||
}
|
||||
|
||||
|
|
@ -176,7 +181,7 @@ limitations under the License.
|
|||
}
|
||||
|
||||
.mx_IconizedContextMenu_checked::before {
|
||||
mask-image: url('$(res)/img/element-icons/roomlist/checkmark.svg');
|
||||
mask-image: url("$(res)/img/element-icons/roomlist/checkmark.svg");
|
||||
}
|
||||
|
||||
.mx_IconizedContextMenu_unchecked::before {
|
||||
|
|
|
|||
|
|
@ -16,14 +16,13 @@ limitations under the License.
|
|||
*/
|
||||
|
||||
.mx_MessageContextMenu {
|
||||
|
||||
.mx_IconizedContextMenu_icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
display: block;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
content: "";
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
display: block;
|
||||
|
|
@ -35,59 +34,59 @@ limitations under the License.
|
|||
}
|
||||
|
||||
.mx_MessageContextMenu_iconCollapse::before {
|
||||
mask-image: url('$(res)/img/element-icons/message/chevron-up.svg');
|
||||
mask-image: url("$(res)/img/element-icons/message/chevron-up.svg");
|
||||
}
|
||||
|
||||
.mx_MessageContextMenu_iconReport::before {
|
||||
mask-image: url('$(res)/img/element-icons/warning-badge.svg');
|
||||
mask-image: url("$(res)/img/element-icons/warning-badge.svg");
|
||||
}
|
||||
|
||||
.mx_MessageContextMenu_iconLink::before {
|
||||
mask-image: url('$(res)/img/element-icons/link.svg');
|
||||
mask-image: url("$(res)/img/element-icons/link.svg");
|
||||
}
|
||||
|
||||
.mx_MessageContextMenu_iconPermalink::before {
|
||||
mask-image: url('$(res)/img/element-icons/room/share.svg');
|
||||
mask-image: url("$(res)/img/element-icons/room/share.svg");
|
||||
}
|
||||
|
||||
.mx_MessageContextMenu_iconUnhidePreview::before {
|
||||
mask-image: url('$(res)/img/element-icons/settings/appearance.svg');
|
||||
mask-image: url("$(res)/img/element-icons/settings/appearance.svg");
|
||||
}
|
||||
|
||||
.mx_MessageContextMenu_iconOpenInMapSite::before {
|
||||
mask-image: url('$(res)/img/external-link.svg');
|
||||
mask-image: url("$(res)/img/external-link.svg");
|
||||
}
|
||||
|
||||
.mx_MessageContextMenu_iconEndPoll::before {
|
||||
mask-image: url('$(res)/img/element-icons/check-white.svg');
|
||||
mask-image: url("$(res)/img/element-icons/check-white.svg");
|
||||
}
|
||||
|
||||
.mx_MessageContextMenu_iconForward::before {
|
||||
mask-image: url('$(res)/img/element-icons/message/fwd.svg');
|
||||
mask-image: url("$(res)/img/element-icons/message/fwd.svg");
|
||||
}
|
||||
|
||||
.mx_MessageContextMenu_iconRedact::before {
|
||||
mask-image: url('$(res)/img/element-icons/trashcan.svg');
|
||||
mask-image: url("$(res)/img/element-icons/trashcan.svg");
|
||||
}
|
||||
|
||||
.mx_MessageContextMenu_iconResend::before {
|
||||
mask-image: url('$(res)/img/element-icons/retry.svg');
|
||||
mask-image: url("$(res)/img/element-icons/retry.svg");
|
||||
}
|
||||
|
||||
.mx_MessageContextMenu_iconSource::before {
|
||||
mask-image: url('$(res)/img/element-icons/room/format-bar/code.svg');
|
||||
mask-image: url("$(res)/img/element-icons/room/format-bar/code.svg");
|
||||
}
|
||||
|
||||
.mx_MessageContextMenu_iconQuote::before {
|
||||
mask-image: url('$(res)/img/element-icons/room/format-bar/quote.svg');
|
||||
mask-image: url("$(res)/img/element-icons/room/format-bar/quote.svg");
|
||||
}
|
||||
|
||||
.mx_MessageContextMenu_iconPin::before {
|
||||
mask-image: url('$(res)/img/element-icons/room/pin-upright.svg');
|
||||
mask-image: url("$(res)/img/element-icons/room/pin-upright.svg");
|
||||
}
|
||||
|
||||
.mx_MessageContextMenu_iconUnpin::before {
|
||||
mask-image: url('$(res)/img/element-icons/room/pin.svg');
|
||||
mask-image: url("$(res)/img/element-icons/room/pin.svg");
|
||||
}
|
||||
|
||||
.mx_MessageContextMenu_iconCopy::before {
|
||||
|
|
@ -100,26 +99,26 @@ limitations under the License.
|
|||
}
|
||||
|
||||
.mx_MessageContextMenu_iconEdit::before {
|
||||
mask-image: url('$(res)/img/element-icons/room/message-bar/edit.svg');
|
||||
mask-image: url("$(res)/img/element-icons/room/message-bar/edit.svg");
|
||||
}
|
||||
|
||||
.mx_MessageContextMenu_iconReply::before {
|
||||
mask-image: url('$(res)/img/element-icons/room/message-bar/reply.svg');
|
||||
mask-image: url("$(res)/img/element-icons/room/message-bar/reply.svg");
|
||||
}
|
||||
|
||||
.mx_MessageContextMenu_iconReplyInThread::before {
|
||||
mask-image: url('$(res)/img/element-icons/message/thread.svg');
|
||||
mask-image: url("$(res)/img/element-icons/message/thread.svg");
|
||||
}
|
||||
|
||||
.mx_MessageContextMenu_iconReact::before {
|
||||
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_MessageContextMenu_iconViewInRoom::before {
|
||||
mask-image: url('$(res)/img/element-icons/view-in-room.svg');
|
||||
mask-image: url("$(res)/img/element-icons/view-in-room.svg");
|
||||
}
|
||||
|
||||
.mx_MessageContextMenu_jumpToEvent::before {
|
||||
mask-image: url('$(res)/img/element-icons/child-relationship.svg');
|
||||
mask-image: url("$(res)/img/element-icons/child-relationship.svg");
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,63 +1,63 @@
|
|||
.mx_RoomGeneralContextMenu_iconStar::before {
|
||||
mask-image: url('$(res)/img/element-icons/roomlist/favorite.svg');
|
||||
mask-image: url("$(res)/img/element-icons/roomlist/favorite.svg");
|
||||
}
|
||||
|
||||
.mx_RoomGeneralContextMenu_iconArrowDown::before {
|
||||
mask-image: url('$(res)/img/element-icons/roomlist/low-priority.svg');
|
||||
mask-image: url("$(res)/img/element-icons/roomlist/low-priority.svg");
|
||||
}
|
||||
|
||||
.mx_RoomGeneralContextMenu_iconNotificationsDefault::before {
|
||||
mask-image: url('$(res)/img/element-icons/notifications.svg');
|
||||
mask-image: url("$(res)/img/element-icons/notifications.svg");
|
||||
}
|
||||
|
||||
.mx_RoomGeneralContextMenu_iconNotificationsAllMessages::before {
|
||||
mask-image: url('$(res)/img/element-icons/roomlist/notifications-default.svg');
|
||||
mask-image: url("$(res)/img/element-icons/roomlist/notifications-default.svg");
|
||||
}
|
||||
|
||||
.mx_RoomGeneralContextMenu_iconNotificationsMentionsKeywords::before {
|
||||
mask-image: url('$(res)/img/element-icons/roomlist/notifications-dm.svg');
|
||||
mask-image: url("$(res)/img/element-icons/roomlist/notifications-dm.svg");
|
||||
}
|
||||
|
||||
.mx_RoomGeneralContextMenu_iconNotificationsNone::before {
|
||||
mask-image: url('$(res)/img/element-icons/roomlist/notifications-off.svg');
|
||||
mask-image: url("$(res)/img/element-icons/roomlist/notifications-off.svg");
|
||||
}
|
||||
|
||||
.mx_RoomGeneralContextMenu_iconPeople::before {
|
||||
mask-image: url('$(res)/img/element-icons/room/members.svg');
|
||||
mask-image: url("$(res)/img/element-icons/room/members.svg");
|
||||
}
|
||||
|
||||
.mx_RoomGeneralContextMenu_iconFiles::before {
|
||||
mask-image: url('$(res)/img/element-icons/room/files.svg');
|
||||
mask-image: url("$(res)/img/element-icons/room/files.svg");
|
||||
}
|
||||
|
||||
.mx_RoomGeneralContextMenu_iconPins::before {
|
||||
mask-image: url('$(res)/img/element-icons/room/pin-upright.svg');
|
||||
mask-image: url("$(res)/img/element-icons/room/pin-upright.svg");
|
||||
}
|
||||
|
||||
.mx_RoomGeneralContextMenu_iconWidgets::before {
|
||||
mask-image: url('$(res)/img/element-icons/room/apps.svg');
|
||||
mask-image: url("$(res)/img/element-icons/room/apps.svg");
|
||||
}
|
||||
|
||||
.mx_RoomGeneralContextMenu_iconSettings::before {
|
||||
mask-image: url('$(res)/img/element-icons/settings.svg');
|
||||
mask-image: url("$(res)/img/element-icons/settings.svg");
|
||||
}
|
||||
|
||||
.mx_RoomGeneralContextMenu_iconExport::before {
|
||||
mask-image: url('$(res)/img/element-icons/export.svg');
|
||||
mask-image: url("$(res)/img/element-icons/export.svg");
|
||||
}
|
||||
|
||||
.mx_RoomGeneralContextMenu_iconDeveloperTools::before {
|
||||
mask-image: url('$(res)/img/element-icons/settings/flask.svg');
|
||||
mask-image: url("$(res)/img/element-icons/settings/flask.svg");
|
||||
}
|
||||
|
||||
.mx_RoomGeneralContextMenu_iconCopyLink::before {
|
||||
mask-image: url('$(res)/img/element-icons/link.svg');
|
||||
mask-image: url("$(res)/img/element-icons/link.svg");
|
||||
}
|
||||
|
||||
.mx_RoomGeneralContextMenu_iconInvite::before {
|
||||
mask-image: url('$(res)/img/element-icons/room/invite.svg');
|
||||
mask-image: url("$(res)/img/element-icons/room/invite.svg");
|
||||
}
|
||||
|
||||
.mx_RoomGeneralContextMenu_iconSignOut::before {
|
||||
mask-image: url('$(res)/img/element-icons/leave.svg');
|
||||
mask-image: url("$(res)/img/element-icons/leave.svg");
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
.mx_RoomNotificationContextMenu_iconBell::before {
|
||||
mask-image: url('$(res)/img/element-icons/notifications.svg');
|
||||
mask-image: url("$(res)/img/element-icons/notifications.svg");
|
||||
}
|
||||
.mx_RoomNotificationContextMenu_iconBellDot::before {
|
||||
mask-image: url('$(res)/img/element-icons/roomlist/notifications-default.svg');
|
||||
mask-image: url("$(res)/img/element-icons/roomlist/notifications-default.svg");
|
||||
}
|
||||
.mx_RoomNotificationContextMenu_iconBellMentions::before {
|
||||
mask-image: url('$(res)/img/element-icons/roomlist/notifications-dm.svg');
|
||||
mask-image: url("$(res)/img/element-icons/roomlist/notifications-dm.svg");
|
||||
}
|
||||
.mx_RoomNotificationContextMenu_iconBellCrossed::before {
|
||||
mask-image: url('$(res)/img/element-icons/roomlist/notifications-off.svg');
|
||||
mask-image: url("$(res)/img/element-icons/roomlist/notifications-off.svg");
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -68,7 +68,7 @@ limitations under the License.
|
|||
background-color: $accent;
|
||||
|
||||
&::before {
|
||||
mask-image: url('$(res)/img/feather-customised/check.svg');
|
||||
mask-image: url("$(res)/img/feather-customised/check.svg");
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -76,7 +76,7 @@ limitations under the License.
|
|||
background-color: $alert;
|
||||
|
||||
&::before {
|
||||
mask-image: url('$(res)/img/feather-customised/x.svg');
|
||||
mask-image: url("$(res)/img/feather-customised/x.svg");
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -40,7 +40,7 @@ limitations under the License.
|
|||
display: block;
|
||||
/* center to first line */
|
||||
position: relative;
|
||||
top: .15em;
|
||||
top: 0.15em;
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@ limitations under the License.
|
|||
/* force this element to appear on the DOM */
|
||||
content: "";
|
||||
|
||||
background-color: #8D97A5;
|
||||
background-color: #8d97a5;
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
top: 0px;
|
||||
|
|
@ -32,7 +32,7 @@ limitations under the License.
|
|||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
|
||||
mask-image: url('$(res)/img/element-icons/call/delete.svg');
|
||||
mask-image: url("$(res)/img/element-icons/call/delete.svg");
|
||||
mask-position: 8px;
|
||||
mask-size: 20px;
|
||||
mask-repeat: no-repeat;
|
||||
|
|
|
|||
|
|
@ -50,7 +50,7 @@ limitations under the License.
|
|||
width: 10px;
|
||||
height: 6px;
|
||||
padding-right: 9px;
|
||||
mask: url('$(res)/img/feather-customised/dropdown-arrow.svg');
|
||||
mask: url("$(res)/img/feather-customised/dropdown-arrow.svg");
|
||||
mask-repeat: no-repeat;
|
||||
background: $primary-content;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@ limitations under the License.
|
|||
|
||||
.mx_ExternalLink_icon {
|
||||
display: inline-block;
|
||||
mask-image: url('$(res)/img/external-link.svg');
|
||||
mask-image: url("$(res)/img/external-link.svg");
|
||||
background-color: currentColor;
|
||||
mask-repeat: no-repeat;
|
||||
mask-size: contain;
|
||||
|
|
|
|||
|
|
@ -56,7 +56,7 @@ limitations under the License.
|
|||
mask-position: center;
|
||||
mask-size: 20px;
|
||||
mask-repeat: no-repeat;
|
||||
mask-image: url('$(res)/img/element-icons/room/ellipsis.svg');
|
||||
mask-image: url("$(res)/img/element-icons/room/ellipsis.svg");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -65,7 +65,7 @@ limitations under the License.
|
|||
right: 10px;
|
||||
width: 10px;
|
||||
height: 6px;
|
||||
mask: url('$(res)/img/feather-customised/dropdown-arrow.svg');
|
||||
mask: url("$(res)/img/feather-customised/dropdown-arrow.svg");
|
||||
mask-repeat: no-repeat;
|
||||
background-color: $primary-content;
|
||||
z-index: 1;
|
||||
|
|
@ -96,10 +96,7 @@ limitations under the License.
|
|||
}
|
||||
|
||||
.mx_Field label {
|
||||
transition:
|
||||
font-size 0.25s ease-out 0.1s,
|
||||
color 0.25s ease-out 0.1s,
|
||||
transform 0.25s ease-out 0.1s,
|
||||
transition: font-size 0.25s ease-out 0.1s, color 0.25s ease-out 0.1s, transform 0.25s ease-out 0.1s,
|
||||
background-color 0.25s ease-out 0.1s;
|
||||
background-color: transparent;
|
||||
font-size: $font-14px;
|
||||
|
|
@ -121,10 +118,7 @@ limitations under the License.
|
|||
.mx_Field input:not(:placeholder-shown) + label,
|
||||
.mx_Field textarea:focus + label,
|
||||
.mx_Field textarea:not(:placeholder-shown) + label {
|
||||
transition:
|
||||
font-size 0.25s ease-out 0s,
|
||||
color 0.25s ease-out 0s,
|
||||
transform 0.25s ease-out 0s,
|
||||
transition: font-size 0.25s ease-out 0s, color 0.25s ease-out 0s, transform 0.25s ease-out 0s,
|
||||
background-color 0.25s ease-out 0s;
|
||||
font-size: $font-10px;
|
||||
transform: translateY(-13px);
|
||||
|
|
|
|||
|
|
@ -97,7 +97,7 @@ $button-gap: 24px;
|
|||
display: block;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
content: "";
|
||||
height: $icon-size;
|
||||
width: $icon-size;
|
||||
mask-repeat: no-repeat;
|
||||
|
|
@ -109,27 +109,27 @@ $button-gap: 24px;
|
|||
}
|
||||
|
||||
.mx_ImageView_button_rotateCW::before {
|
||||
mask-image: url('$(res)/img/image-view/rotate-cw.svg');
|
||||
mask-image: url("$(res)/img/image-view/rotate-cw.svg");
|
||||
}
|
||||
|
||||
.mx_ImageView_button_rotateCCW::before {
|
||||
mask-image: url('$(res)/img/image-view/rotate-ccw.svg');
|
||||
mask-image: url("$(res)/img/image-view/rotate-ccw.svg");
|
||||
}
|
||||
|
||||
.mx_ImageView_button_zoomOut::before {
|
||||
mask-image: url('$(res)/img/image-view/zoom-out.svg');
|
||||
mask-image: url("$(res)/img/image-view/zoom-out.svg");
|
||||
}
|
||||
|
||||
.mx_ImageView_button_zoomIn::before {
|
||||
mask-image: url('$(res)/img/image-view/zoom-in.svg');
|
||||
mask-image: url("$(res)/img/image-view/zoom-in.svg");
|
||||
}
|
||||
|
||||
.mx_ImageView_button_download::before {
|
||||
mask-image: url('$(res)/img/image-view/download.svg');
|
||||
mask-image: url("$(res)/img/image-view/download.svg");
|
||||
}
|
||||
|
||||
.mx_ImageView_button_more::before {
|
||||
mask-image: url('$(res)/img/image-view/more.svg');
|
||||
mask-image: url("$(res)/img/image-view/more.svg");
|
||||
}
|
||||
|
||||
.mx_ImageView_button_close {
|
||||
|
|
@ -139,7 +139,7 @@ $button-gap: 24px;
|
|||
&::before {
|
||||
width: $button-size;
|
||||
height: $button-size;
|
||||
mask-image: url('$(res)/img/image-view/close.svg');
|
||||
mask-image: url("$(res)/img/image-view/close.svg");
|
||||
mask-size: 40%;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -28,14 +28,14 @@ limitations under the License.
|
|||
width: 16px;
|
||||
height: 16px;
|
||||
mask-position: center;
|
||||
content: '';
|
||||
content: "";
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.mx_InfoTooltip_icon_info::before {
|
||||
mask-image: url('$(res)/img/element-icons/info.svg');
|
||||
mask-image: url("$(res)/img/element-icons/info.svg");
|
||||
}
|
||||
|
||||
.mx_InfoTooltip_icon_warning::before {
|
||||
mask-image: url('$(res)/img/element-icons/warning.svg');
|
||||
mask-image: url("$(res)/img/element-icons/warning.svg");
|
||||
}
|
||||
|
|
|
|||
|
|
@ -18,7 +18,8 @@ limitations under the License.
|
|||
display: inline;
|
||||
}
|
||||
|
||||
.mx_InlineSpinner img, .mx_InlineSpinner_icon {
|
||||
.mx_InlineSpinner img,
|
||||
.mx_InlineSpinner_icon {
|
||||
margin: 0px 6px;
|
||||
vertical-align: -3px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -38,7 +38,7 @@ limitations under the License.
|
|||
content: "";
|
||||
margin-right: 8px;
|
||||
background-color: $secondary-content;
|
||||
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;
|
||||
|
|
|
|||
|
|
@ -50,7 +50,7 @@ limitations under the License.
|
|||
background-color: $secondary-content;
|
||||
mask-position: center;
|
||||
mask-repeat: no-repeat;
|
||||
mask-image: url('$(res)/img/element-icons/camera.svg');
|
||||
mask-image: url("$(res)/img/element-icons/camera.svg");
|
||||
mask-size: 16px;
|
||||
z-index: 2;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@
|
|||
}
|
||||
|
||||
.mx_Markdown_CODE {
|
||||
padding: .2em 0;
|
||||
padding: 0.2em 0;
|
||||
margin: 0;
|
||||
font-size: 85%;
|
||||
background-color: $rte-code-bg-color;
|
||||
|
|
|
|||
|
|
@ -34,7 +34,8 @@ limitations under the License.
|
|||
font-weight: normal;
|
||||
}
|
||||
|
||||
.mx_Field_prefix, .mx_Field_postfix {
|
||||
.mx_Field_prefix,
|
||||
.mx_Field_postfix {
|
||||
color: $info-plinth-fg-color;
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
|
|
|
|||
|
|
@ -45,7 +45,7 @@ limitations under the License.
|
|||
position: relative;
|
||||
|
||||
&::before {
|
||||
content: '';
|
||||
content: "";
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
position: absolute;
|
||||
|
|
@ -54,7 +54,7 @@ limitations under the License.
|
|||
mask-position: center;
|
||||
mask-size: contain;
|
||||
mask-repeat: no-repeat;
|
||||
mask-image: url('$(res)/img/element-icons/i.svg');
|
||||
mask-image: url("$(res)/img/element-icons/i.svg");
|
||||
background: #ffffff;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -56,7 +56,8 @@ limitations under the License.
|
|||
color: $secondary-content;
|
||||
|
||||
/* Support code/pre elements in settings flag descriptions */
|
||||
pre, code {
|
||||
pre,
|
||||
code {
|
||||
font-family: $monospace-font-family !important;
|
||||
background-color: $rte-code-bg-color;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -39,7 +39,7 @@ limitations under the License.
|
|||
|
||||
.mx_Spinner_icon {
|
||||
background-color: $quinary-content;
|
||||
mask: url('$(res)/img/spinner/spinner-background.svg');
|
||||
mask: url("$(res)/img/spinner/spinner-background.svg");
|
||||
mask-size: 100%;
|
||||
|
||||
display: flex;
|
||||
|
|
@ -51,7 +51,7 @@ limitations under the License.
|
|||
|
||||
&::before {
|
||||
background-color: $secondary-content;
|
||||
mask: url('$(res)/img/spinner/spinner-foreground.svg');
|
||||
mask: url("$(res)/img/spinner/spinner-foreground.svg");
|
||||
mask-size: 100%;
|
||||
|
||||
width: 100%;
|
||||
|
|
|
|||
|
|
@ -53,7 +53,7 @@ limitations under the License.
|
|||
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
mask-image: url('$(res)/img/feather-customised/check.svg');
|
||||
mask-image: url("$(res)/img/feather-customised/check.svg");
|
||||
mask-position: center;
|
||||
mask-size: 100%;
|
||||
mask-repeat: no-repeat;
|
||||
|
|
|
|||
|
|
@ -50,7 +50,6 @@ limitations under the License.
|
|||
}
|
||||
|
||||
.mx_Tag {
|
||||
|
||||
font-size: $font-15px;
|
||||
|
||||
display: inline-flex;
|
||||
|
|
@ -63,7 +62,7 @@ limitations under the License.
|
|||
color: $primary-content;
|
||||
background: $quinary-content;
|
||||
|
||||
>svg:first-child {
|
||||
> svg:first-child {
|
||||
width: 1em;
|
||||
color: $secondary-content;
|
||||
transform: scale(1.25);
|
||||
|
|
@ -81,7 +80,7 @@ limitations under the License.
|
|||
position: relative;
|
||||
|
||||
svg {
|
||||
width: .5em;
|
||||
width: 0.5em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ limitations under the License.
|
|||
.mx_ToggleSwitch {
|
||||
--ToggleSwitch-min-width: $font-44px;
|
||||
|
||||
transition: background-color 0.20s ease-out 0.1s;
|
||||
transition: background-color 0.2s ease-out 0.1s;
|
||||
|
||||
width: $font-44px;
|
||||
height: $font-20px;
|
||||
|
|
|
|||
|
|
@ -47,7 +47,7 @@ limitations under the License.
|
|||
}
|
||||
|
||||
.mx_Tooltip_chevron::after {
|
||||
content: '';
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 6px solid transparent;
|
||||
|
|
@ -71,7 +71,7 @@ limitations under the License.
|
|||
max-width: 300px;
|
||||
word-break: break-word;
|
||||
|
||||
background-color: #21262C; /* Same on both themes */
|
||||
background-color: #21262c; /* Same on both themes */
|
||||
color: $accent-fg-color;
|
||||
border: 0;
|
||||
text-align: center;
|
||||
|
|
|
|||
|
|
@ -35,7 +35,7 @@ limitations under the License.
|
|||
}
|
||||
|
||||
.mx_TooltipButton:hover {
|
||||
opacity: 1.0;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.mx_TooltipButton_container {
|
||||
|
|
|
|||
|
|
@ -88,7 +88,8 @@ limitations under the License.
|
|||
}
|
||||
|
||||
.mx_UseCaseSelection_selected {
|
||||
.mx_UseCaseSelection_slideIn, .mx_UseCaseSelection_slideInDelayed {
|
||||
.mx_UseCaseSelection_slideIn,
|
||||
.mx_UseCaseSelection_slideInDelayed {
|
||||
animation-delay: 800ms;
|
||||
animation-duration: 300ms;
|
||||
animation-fill-mode: forwards;
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@ limitations under the License.
|
|||
|
||||
.mx_UseCaseSelectionButton_icon {
|
||||
/* workaround: design expects a layering of two colors */
|
||||
background: linear-gradient(0deg, rgba(172, 59, 168, 0.15), rgba(172, 59, 168, 0.15)), #FFFFFF;
|
||||
background: linear-gradient(0deg, rgba(172, 59, 168, 0.15), rgba(172, 59, 168, 0.15)), #ffffff;
|
||||
border-radius: 14px;
|
||||
padding: $spacing-8;
|
||||
margin-bottom: $spacing-16;
|
||||
|
|
@ -39,7 +39,7 @@ limitations under the License.
|
|||
display: block;
|
||||
/* this has to remain the same color across all themes,
|
||||
as its background has a fixed color as well */
|
||||
background: #1E1E1E;
|
||||
background: #1e1e1e;
|
||||
mask-position: center;
|
||||
mask-repeat: no-repeat;
|
||||
mask-size: contain;
|
||||
|
|
@ -48,19 +48,20 @@ limitations under the License.
|
|||
}
|
||||
|
||||
&.mx_UseCaseSelectionButton_messaging::before {
|
||||
mask-image: url('$(res)/img/element-icons/chat-bubble.svg');
|
||||
mask-image: url("$(res)/img/element-icons/chat-bubble.svg");
|
||||
}
|
||||
|
||||
&.mx_UseCaseSelectionButton_work::before {
|
||||
mask-image: url('$(res)/img/element-icons/view-community.svg');
|
||||
mask-image: url("$(res)/img/element-icons/view-community.svg");
|
||||
}
|
||||
|
||||
&.mx_UseCaseSelectionButton_community::before {
|
||||
mask-image: url('$(res)/img/globe.svg');
|
||||
mask-image: url("$(res)/img/globe.svg");
|
||||
}
|
||||
}
|
||||
|
||||
&:hover, &:focus {
|
||||
&:hover,
|
||||
&:focus {
|
||||
box-shadow: 0 $spacing-4 $spacing-8 rgba(0, 0, 0, 0.08);
|
||||
transform: translate(0, -$spacing-8);
|
||||
}
|
||||
|
|
@ -87,7 +88,7 @@ limitations under the License.
|
|||
width: 12px;
|
||||
height: 12px;
|
||||
|
||||
mask-image: url('$(res)/img/element-icons/check-white.svg');
|
||||
mask-image: url("$(res)/img/element-icons/check-white.svg");
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -53,7 +53,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;
|
||||
}
|
||||
}
|
||||
|
|
@ -62,7 +62,7 @@ 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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -58,7 +58,7 @@ limitations under the License.
|
|||
|
||||
.mx_EmojiPicker_anchor::before {
|
||||
background-color: $primary-content;
|
||||
content: '';
|
||||
content: "";
|
||||
display: inline-block;
|
||||
mask-size: 100%;
|
||||
mask-repeat: no-repeat;
|
||||
|
|
@ -70,16 +70,36 @@ limitations under the License.
|
|||
background-color: $focus-bg-color;
|
||||
}
|
||||
|
||||
.mx_EmojiPicker_anchor_activity::before { mask-image: url('$(res)/img/emojipicker/activity.svg'); }
|
||||
.mx_EmojiPicker_anchor_custom::before { mask-image: url('$(res)/img/emojipicker/custom.svg'); }
|
||||
.mx_EmojiPicker_anchor_flags::before { mask-image: url('$(res)/img/emojipicker/flags.svg'); }
|
||||
.mx_EmojiPicker_anchor_foods::before { mask-image: url('$(res)/img/emojipicker/foods.svg'); }
|
||||
.mx_EmojiPicker_anchor_nature::before { mask-image: url('$(res)/img/emojipicker/nature.svg'); }
|
||||
.mx_EmojiPicker_anchor_objects::before { mask-image: url('$(res)/img/emojipicker/objects.svg'); }
|
||||
.mx_EmojiPicker_anchor_people::before { mask-image: url('$(res)/img/emojipicker/people.svg'); }
|
||||
.mx_EmojiPicker_anchor_places::before { mask-image: url('$(res)/img/emojipicker/places.svg'); }
|
||||
.mx_EmojiPicker_anchor_recent::before { mask-image: url('$(res)/img/emojipicker/recent.svg'); }
|
||||
.mx_EmojiPicker_anchor_symbols::before { mask-image: url('$(res)/img/emojipicker/symbols.svg'); }
|
||||
.mx_EmojiPicker_anchor_activity::before {
|
||||
mask-image: url("$(res)/img/emojipicker/activity.svg");
|
||||
}
|
||||
.mx_EmojiPicker_anchor_custom::before {
|
||||
mask-image: url("$(res)/img/emojipicker/custom.svg");
|
||||
}
|
||||
.mx_EmojiPicker_anchor_flags::before {
|
||||
mask-image: url("$(res)/img/emojipicker/flags.svg");
|
||||
}
|
||||
.mx_EmojiPicker_anchor_foods::before {
|
||||
mask-image: url("$(res)/img/emojipicker/foods.svg");
|
||||
}
|
||||
.mx_EmojiPicker_anchor_nature::before {
|
||||
mask-image: url("$(res)/img/emojipicker/nature.svg");
|
||||
}
|
||||
.mx_EmojiPicker_anchor_objects::before {
|
||||
mask-image: url("$(res)/img/emojipicker/objects.svg");
|
||||
}
|
||||
.mx_EmojiPicker_anchor_people::before {
|
||||
mask-image: url("$(res)/img/emojipicker/people.svg");
|
||||
}
|
||||
.mx_EmojiPicker_anchor_places::before {
|
||||
mask-image: url("$(res)/img/emojipicker/places.svg");
|
||||
}
|
||||
.mx_EmojiPicker_anchor_recent::before {
|
||||
mask-image: url("$(res)/img/emojipicker/recent.svg");
|
||||
}
|
||||
.mx_EmojiPicker_anchor_symbols::before {
|
||||
mask-image: url("$(res)/img/emojipicker/symbols.svg");
|
||||
}
|
||||
|
||||
.mx_EmojiPicker_anchor_visible {
|
||||
border-bottom: 2px solid $accent;
|
||||
|
|
@ -124,17 +144,17 @@ limitations under the License.
|
|||
}
|
||||
|
||||
.mx_EmojiPicker_search_icon::after {
|
||||
mask: url('$(res)/img/emojipicker/search.svg') no-repeat;
|
||||
mask: url("$(res)/img/emojipicker/search.svg") no-repeat;
|
||||
mask-size: 100%;
|
||||
background-color: $primary-content;
|
||||
content: '';
|
||||
content: "";
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.mx_EmojiPicker_search_clear::after {
|
||||
mask-image: url('$(res)/img/emojipicker/delete.svg');
|
||||
mask-image: url("$(res)/img/emojipicker/delete.svg");
|
||||
}
|
||||
|
||||
.mx_EmojiPicker_category {
|
||||
|
|
@ -177,12 +197,13 @@ limitations under the License.
|
|||
}
|
||||
|
||||
.mx_EmojiPicker_item_selected {
|
||||
color: rgba(0, 0, 0, .5);
|
||||
color: rgba(0, 0, 0, 0.5);
|
||||
border: 1px solid $accent;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.mx_EmojiPicker_category_label, .mx_EmojiPicker_preview_name {
|
||||
.mx_EmojiPicker_category_label,
|
||||
.mx_EmojiPicker_preview_name {
|
||||
font-size: $font-16px;
|
||||
font-weight: 600;
|
||||
margin: 0;
|
||||
|
|
@ -214,7 +235,8 @@ limitations under the License.
|
|||
color: $light-fg-color;
|
||||
font-size: $font-14px;
|
||||
|
||||
&::before, &::after {
|
||||
&::before,
|
||||
&::after {
|
||||
content: ":";
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -27,7 +27,8 @@ limitations under the License.
|
|||
/* and can overlap error message/close buttons */
|
||||
/* hide it */
|
||||
&.mx_LocationPicker_hasError {
|
||||
.maplibregl-canvas-container, .maplibregl-control-container {
|
||||
.maplibregl-canvas-container,
|
||||
.maplibregl-control-container {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -31,7 +31,8 @@ limitations under the License.
|
|||
margin: 0;
|
||||
margin-left: 8px;
|
||||
|
||||
&, & > input {
|
||||
&,
|
||||
& > input {
|
||||
border-radius: 8px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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");
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue