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

Disallow invalid inline style comments in stylesheets (#9099)

Browse source
This commit is contained in:
Germain 2022-07-27 14:39:29 +01:00 • committed by GitHub
parent 8eeeee1aa2
commit 72c24af5c0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
193 changed files with 1520 additions and 1518 deletions
Download patch file Download diff file Expand all files Collapse all files

26
res/css/views/voip/CallView/_CallViewButtons.pcss
View file

@ -16,10 +16,10 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
// data-whatintent makes more sense here semantically but then the tooltip would stay visible without the button
// which looks broken, so we match the behaviour of tooltips which is fine too.
/* data-whatintent makes more sense here semantically but then the tooltip would stay visible without the button */
/* which looks broken, so we match the behaviour of tooltips which is fine too. */
[data-whatinput="mouse"] .mx_CallViewButtons.mx_CallViewButtons_hidden {
opacity: 0.001; // opacity 0 can cause a re-layout
opacity: 0.001; /* opacity 0 can cause a re-layout */
pointer-events: none;
}
@ -32,7 +32,7 @@ limitations under the License.
bottom: 32px;
opacity: 1;
transition: opacity 0.5s;
z-index: 200; // To be above _all_ feeds
z-index: 200; /* To be above _all_ feeds */
gap: 18px;
.mx_CallViewButtons_button {
@ -50,7 +50,7 @@ limitations under the License.
position: relative;
box-shadow: 0px 4px 4px 0px #00000026; // Same on both themes
box-shadow: 0px 4px 4px 0px #00000026; /* Same on both themes */
&::before {
content: '';
@ -85,7 +85,7 @@ limitations under the License.
}
}
// State buttons
/* State buttons */
&.mx_CallViewButtons_button_on {
background-color: $call-view-button-on-background;
@ -106,7 +106,7 @@ limitations under the License.
&::before {
mask-image: url('$(res)/img/voip/call-view/screensharing.svg');
background-color: white; // Same on both themes
background-color: white; /* Same on both themes */
}
}
@ -148,9 +148,9 @@ limitations under the License.
}
}
}
// State buttons
/* State buttons */
// Stateless buttons
/* Stateless buttons */
&.mx_CallViewButtons_dialpad::before {
mask-image: url('$(res)/img/voip/call-view/dialpad.svg');
}
@ -160,21 +160,21 @@ limitations under the License.
&::before {
mask-image: url('$(res)/img/voip/call-view/hangup.svg');
background-color: white; // Same on both themes
background-color: white; /* Same on both themes */
}
}
&.mx_CallViewButtons_button_more::before {
mask-image: url('$(res)/img/voip/call-view/more.svg');
}
// Stateless buttons
/* Stateless buttons */
// Invisible state
/* Invisible state */
&.mx_CallViewButtons_button_invisible {
visibility: hidden;
pointer-events: none;
position: absolute;
}
// Invisible state
/* Invisible state */
}
}

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

@ -19,7 +19,7 @@ limitations under the License.
left: 0;
top: 0;
pointer-events: initial; // restore pointer events so the user can leave/interact
pointer-events: initial; /* restore pointer events so the user can leave/interact */
.mx_VideoFeed_remote.mx_VideoFeed_voice {
min-height: 150px;

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

@ -21,7 +21,7 @@ limitations under the License.
background-color: $dark-panel-bg-color;
padding-left: 8px;
padding-right: 8px;
// XXX: PiPContainer sets pointer-events: none - should probably be set back in a better place
/* XXX: PiPContainer sets pointer-events: none - should probably be set back in a better place */
pointer-events: initial;
.mx_CallView_toast {
@ -33,7 +33,7 @@ limitations under the License.
border-radius: 4px;
z-index: 50;
// Same on both themes
/* Same on both themes */
color: white;
background-color: #17191c;
}
@ -61,7 +61,7 @@ limitations under the License.
border-radius: 10px;
padding: 10px;
padding-right: calc(20% + 20px); // Space for the sidebar
padding-right: calc(20% + 20px); /* Space for the sidebar */
background-color: $call-view-content-background;
@ -188,7 +188,7 @@ limitations under the License.
padding-bottom: 10px;
margin: $container-gap-width;
// The left side gap is fully handled by this margin. To prohibit bleeding on webkit browser.
/* The left side gap is fully handled by this margin. To prohibit bleeding on webkit browser. */
margin-right: calc($container-gap-width / 2);
margin-bottom: 10px;
}

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

@ -21,8 +21,8 @@ limitations under the License.
display: flex;
&:hover .mx_CallViewForRoom_ResizeHandle {
// Need to use important to override element style attributes
// set by re-resizable
/* Need to use important to override element style attributes */
/* set by re-resizable */
width: 100% !important;
display: flex;

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

@ -61,7 +61,7 @@ limitations under the License.
mask-repeat: no-repeat;
mask-size: 20px;
mask-position: center;
background-color: #FFF; // on all themes
background-color: #FFF; /* on all themes */
mask-image: url('$(res)/img/element-icons/call/voice-call.svg');
}
}

8
res/css/views/voip/_PiPContainer.pcss
View file

@ -20,9 +20,9 @@ limitations under the License.
bottom: 72px;
z-index: 100;
// Disable pointer events for Jitsi widgets to function. Direct
// calls have their own cursor and behaviour, but we need to make
// sure the cursor hits the iframe for Jitsi which will be at a
// different level.
/* Disable pointer events for Jitsi widgets to function. Direct */
/* calls have their own cursor and behaviour, but we need to make */
/* sure the cursor hits the iframe for Jitsi which will be at a */
/* different level. */
pointer-events: none;
}

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

@ -64,7 +64,7 @@ limitations under the License.
width: 24px;
height: 24px;
background-color: rgba(0, 0, 0, 0.5); // Same on both themes
background-color: rgba(0, 0, 0, 0.5); /* Same on both themes */
border-radius: 100%;
&::before {
@ -75,7 +75,7 @@ limitations under the License.
mask-repeat: no-repeat;
mask-size: contain;
mask-position: center;
background-color: white; // Same on both themes
background-color: white; /* Same on both themes */
border-radius: 7px;
}

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

@ -55,7 +55,7 @@ limitations under the License.
.mx_BaseAvatar {
margin: $spacing-20;
// Override the explicit dimensions on the element so that this gets sized responsively
/* Override the explicit dimensions on the element so that this gets sized responsively */
width: unset !important;
height: unset !important;
min-width: 0;
@ -70,7 +70,7 @@ limitations under the License.
height: 100%;
object-fit: cover;
display: block;
transform: scaleX(-1); // flip the image
transform: scaleX(-1); /* flip the image */
background-color: black;
}