Differential D2305 Diff 6415 src/resources/themes/meet.scss

Changeset View

Standalone View

src/resources/themes/meet.scss

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

#app.meet {		#app.meet {
height: 100%;		height: 100%;

#meet-component {		#meet-component {
overflow: hidden;		overflow: hidden;
}		}

		nav.navbar {
		display: none;
		}
}		}

#meet-setup {		#meet-setup {
max-width: 720px;		max-width: 720px;
}		}

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

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

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

button {		button {
font-size: 1.3em;		font-size: 1.3em;
padding: 0 0.25em;		padding: 0 0.25em;
margin: 0.5em;		margin: 0.5em;
position: relative;		position: relative;

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

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

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

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

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

#meet-session {		#meet-session {
display: flex;		display: flex;
justify-content: center;		justify-content: center;
▲ Show 20 Lines • Show All 178 Lines • ▼ Show 20 Lines	.picture {
object-fit: cover;		object-fit: cover;
}		}
}		}

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

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

		#meet-session-menu {
		background: transparent;
		}

		#app.meet {
		#footer-menu {
		display: block !important;
		height: 2em;
		padding: 0;

		.navbar-brand {
		padding: 0;
		margin: 0;
		}

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