Differential D2329 Diff 6493 src/resources/themes/meet.scss

Changeset View

Standalone View

src/resources/themes/meet.scss

Show First 20 Lines • Show All 170 Lines • ▼ Show 20 Lines
}		}

#meet-auth {		#meet-auth {
margin-top: 2rem;		margin-top: 2rem;
margin-bottom: 2rem;		margin-bottom: 2rem;
flex: 1;		flex: 1;
}		}

		#meet-counter {
		position: absolute;
		left: 0;
		padding: 1.1em 0.6em;
		color: #808c99;

		svg {
		font-size: 1.4em;
		vertical-align: text-bottom;
		}
		}

#meet-session-toolbar {		#meet-session-toolbar {
display: flex;		display: flex;
justify-content: center;		justify-content: center;
}		}

#meet-session-menu {		#meet-session-menu {
background: #f6f5f3;		background: #f6f5f3;
border-radius: 0 2em 2em 0;		border-radius: 0 2em 2em 0;
margin: 0.25em 0;		margin: 0.25em 0;
		padding-right: 0.5em;

button {		button {
font-size: 1.3em;		font-size: 1.3em;
padding: 0 0.25em;		margin: 0.4em;
margin: 0.5em;
position: relative;		position: relative;
		color: #4f5963;
		width: 1.75em;
		height: 1.75em;
		display: inline-flex;
		align-items: center;
		justify-content: center;

		&.on:not(:disabled) {
		background: #4f5963;
		color: white;
		}

.badge {		.badge {
font-size: 0.5em;		font-size: 0.5em;
position: absolute;		position: absolute;
right: -0.5em;		right: -0.5em;
		top: -0.5em;

&:empty {		&:empty {
display: none;		display: none;
}		}
}		}

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

#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 1.5em;		padding: 0 1em 0 1.5em;
}		}
}		}

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

▲ Show 20 Lines • Show All 48 Lines • ▼ Show 20 Lines	#meet-publishers:not(:empty) {
}		}
}		}
}		}

#meet-chat {		#meet-chat {
width: 0;		width: 0;
display: none;		display: none;
flex-direction: column;		flex-direction: column;
		background: $body-bg;
		padding-top: 0.25em;

&.open {		&.open {
width: 30%;		width: 30%;
display: flex !important;		display: flex !important;

.mobile & {		.mobile & {
width: 100%;		width: 100%;
z-index: 1;		z-index: 1;
background: $body-bg;
}		}
}		}

.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;
padding: 0.25em 0.5em;		padding: 0.25em 0.5em;
border-radius: 1em;		border-radius: 1em;
background: $menu-bg-color;		background: #fff;
overflow-wrap: break-word;		overflow-wrap: break-word;

&.self {		&.self {
background: lighten($main-color, 30%);		background: lighten($main-color, 30%);
}		}

&:last-child {		&:last-child {
margin-bottom: 0;		margin-bottom: 0;
▲ Show 20 Lines • Show All 131 Lines • ▼ Show 20 Lines	#app.meet {

img {		img {
width: auto !important;		width: auto !important;
height: 1em;		height: 1em;
}		}
}		}
}		}
}		}

		@include media-breakpoint-down(xs) {
		#meet-setup {
		.card-title {
		text-align: center;
		}
		}

		.media-setup-preview {
		// Fix video element size in Safari/iOS
		display: block;
		}
		}