Skip to content

Commit

Permalink
Remove changes that should be in #2858
Browse files Browse the repository at this point in the history
  • Loading branch information
hughns committed Dec 6, 2024
1 parent 95f6f40 commit c004799
Show file tree
Hide file tree
Showing 2 changed files with 1 addition and 36 deletions.
34 changes: 1 addition & 33 deletions src/tile/GridTile.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -18,9 +18,7 @@ borders don't support gradients */
position: absolute;
z-index: -1; /* Put it below the outline */
opacity: 0; /* Hidden unless speaking */
/* this only animates in one direction. In the other direction,
the background will disappear and the opacity has no effect.*/
transition: opacity ease 0.5s;
transition: opacity ease 0.15s;
inset: calc(-1 * var(--cpd-border-width-4));
border-radius: var(--cpd-space-5x);
background-blend-mode: overlay, normal;
Expand Down Expand Up @@ -50,11 +48,6 @@ borders don't support gradients */
outline: var(--cpd-border-width-2) solid var(--cpd-color-bg-canvas-default) !important;
}

.tile.loading {
/* !important because loading border should take priority over hover */
outline: var(--cpd-border-width-2) solid var(--cpd-color-bg-canvas-default) !important;
}

.tile.handRaised::before {
background: linear-gradient(
119deg,
Expand All @@ -69,31 +62,6 @@ borders don't support gradients */
opacity: 1;
}

.tile.loading::before {
background: linear-gradient(
var(--angle),
var(--cpd-color-green-900) 0%,
var(--cpd-color-blue-200) 100%
);
opacity: 1;
animation: rotate-gradient linear 2s infinite;
}

@property --angle {
syntax: "<angle>";
inherits: false;
initial-value: 0deg;
}

@keyframes rotate-gradient {
from {
--angle: 0deg;
}
to {
--angle: 360deg;
}
}

@media (hover: hover) {
.tile:hover {
outline: var(--cpd-border-width-2) solid
Expand Down
3 changes: 0 additions & 3 deletions src/tile/GridTile.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,6 @@ import {
useDisplayName,
LocalUserMediaViewModel,
RemoteUserMediaViewModel,
EncryptionStatus,
} from "../state/MediaViewModel";
import { Slider } from "../Slider";
import { MediaView } from "./MediaView";
Expand Down Expand Up @@ -146,8 +145,6 @@ const UserMediaTile = forwardRef<HTMLDivElement, UserMediaTileProps>(
className={classNames(className, styles.tile, {
[styles.speaking]: showSpeaking,
[styles.handRaised]: !showSpeaking && !!handRaised,
[styles.loading]:
encryptionStatus === EncryptionStatus.Connecting && !vm.local,
})}
nameTagLeadingIcon={
<AudioIcon
Expand Down

0 comments on commit c004799

Please sign in to comment.