Differential D2335 Diff 6514 src/resources/themes/meet.scss

Changeset View

Standalone View

src/resources/themes/meet.scss

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

#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: $menu-bg-color;
border-radius: 0 2em 2em 0;		border-radius: 0 2em 2em 0;
margin: 0.25em 0;		margin: 0.25em 0;
padding-right: 0.5em;		padding-right: 0.5em;

button {		button {
font-size: 1.3em;		font-size: 1.3em;
margin: 0.4em;		margin: 0.4em;
position: relative;		position: relative;
▲ Show 20 Lines • Show All 96 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;		background: $menu-bg-color;
padding-top: 0.25em;		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;
}		}
}		}

.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: #fff;		background: #fff;
		border: 1px solid #e9e7e2;
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 104 Lines • ▼ Show 20 Lines	.picture {
}		}
}		}

.content {		.content {
flex: 1;		flex: 1;
}		}
}		}

@include media-breakpoint-down(sm) {		@include media-breakpoint-down(xs) {
#meet-session-logo {
display: none;
}

#meet-session-menu {		#meet-session-menu {
background: transparent;		white-space: nowrap;
}		margin: 0;
		margin-top: 1.25em;
#app.meet {		border-radius: 0;
#footer-menu {
display: block !important;
height: 2em;
padding: 0;		padding: 0;
		background: none;

.navbar-brand {		button {
padding: 0;		margin: 0.25em;
margin: 0;		}

		// .link-screen,
		.link-fullscreen {
		display: none;
		}
}		}

		#meet-session-logo {
		background: none;
		position: absolute;
		left: 0;

img {		img {
width: auto !important;		height: 0.8em;
height: 1em;		padding: 0 0.25em;
}		}
}		}

		#meet-counter {
		text-align: right;
		right: 0;
		padding: 0 0.25em;
		font-size: 0.9em;
		background: $menu-bg-color;

		svg {
		font-size: 1.1em;
		vertical-align: -0.125em;
}		}
}		}

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

		#meet-queue {
		width: 100px;

		.dropdown {
		animation: none !important;
		transition: none;
		top: 0;
		}
		}

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