Differential D2347 Diff 6571 src/resources/themes/meet.scss

Changeset View

Standalone View

src/resources/themes/meet.scss

Show First 20 Lines • Show All 65 Lines • ▼ Show 20 Lines	.meet-video {
}		}

&.screen video {		&.screen video {
// For shared screen videos we use the original aspect ratio		// For shared screen videos we use the original aspect ratio
object-fit: scale-down;		object-fit: scale-down;
background: none;		background: none;
}		}

&.fullscreen {		&:fullscreen {
video {		video {
// We don't want the video to be cut in fullscreen		// We don't want the video to be cut in fullscreen
// This will preserve the aspect ratio of the video stream		// This will preserve the aspect ratio of the video stream
object-fit: contain;		object-fit: contain;
}		}
}		}

.watermark {		.watermark {
▲ Show 20 Lines • Show All 142 Lines • ▼ Show 20 Lines	button {
display: none;		display: none;
}		}
}		}

svg {		svg {
width: 1em;		width: 1em;
}		}
}		}

		#meet-component:fullscreen & {
		background: transparent;

		button {
		color: $main-color;

		&.on:not(:disabled) {
		background: $main-color;
		color: #000;
		}
		}
		}
}		}

#meet-session-logo {		#meet-session-logo {
background: #e9e7e2;		background: #e9e7e2;
border-radius: 2em 0 0 2em;		border-radius: 2em 0 0 2em;
margin: 0.25em 0;		margin: 0.25em 0;
display: flex;		display: flex;
flex-direction: column;		flex-direction: column;
justify-content: center;		justify-content: center;

img {		img {
height: 1.25em;		height: 1.25em;
padding: 0 1em 0 1.5em;		padding: 0 1em 0 1.5em;
}		}

		#meet-component:fullscreen & {
		background: transparent;
		}
}		}

#meet-session-layout {		#meet-session-layout {
flex: 1;		flex: 1;
overflow: hidden;		overflow: hidden;
}		}

#meet-publishers {		#meet-publishers {
▲ Show 20 Lines • Show All 54 Lines • ▼ Show 20 Lines	&.open {
display: flex !important;		display: flex !important;

.mobile & {		.mobile & {
width: 100%;		width: 100%;
z-index: 1;		z-index: 1;
}		}
}		}

		#meet-component:fullscreen & {
		background: transparent;
		}

.chat {		.chat {
flex: 1;		flex: 1;
overflow-y: auto;		overflow-y: auto;
scrollbar-width: thin;		scrollbar-width: thin;
}		}

.message {		.message {
margin: 0 0.5em 0.5em 0.5em;		margin: 0 0.5em 0.5em 0.5em;
Show All 12 Lines	.message {
}		}
}		}

.nickname {		.nickname {
font-size: 80%;		font-size: 80%;
color: $secondary;		color: $secondary;
text-align: right;		text-align: right;
}		}

// TODO: mobile mode
}		}

#meet-queue {		#meet-queue {
display: none;		display: none;
width: 150px;		width: 150px;

.head {		.head {
text-align: center;		text-align: center;
▲ Show 20 Lines • Show All 158 Lines • Show Last 20 Lines