mirror of
https://gitcode.com/GitHub_Trending/ji/jitsi-meet.git
synced 2025-12-30 11:22:31 +00:00
df887d24a2
Allow service change when only Dropbox and Local recording are enabled Add space between REC indicator and meeting title Hide Recording button if the feature is enabled but not supported Don't play Stop recording sound on self recording
111 lines
1.8 KiB
SCSS
111 lines
1.8 KiB
SCSS
.subject {
|
|
color: #fff;
|
|
transition: opacity .6s ease-in-out;
|
|
z-index: $toolbarZ + 2;
|
|
margin-top: 20px;
|
|
opacity: 0;
|
|
|
|
&.visible {
|
|
opacity: 1;
|
|
}
|
|
|
|
&#autoHide.with-always-on {
|
|
overflow: hidden;
|
|
animation: hideSubject forwards .6s ease-out;
|
|
margin-left: 4px;
|
|
|
|
& > .subject-info-container {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
&.visible {
|
|
animation: showSubject forwards .6s ease-out;
|
|
}
|
|
}
|
|
}
|
|
|
|
.subject-info-container {
|
|
display: flex;
|
|
justify-content: center;
|
|
margin: 0 auto;
|
|
height: 28px;
|
|
|
|
@media (max-width: 500px) {
|
|
flex-wrap: wrap;
|
|
}
|
|
}
|
|
|
|
.subject-info {
|
|
align-items: center;
|
|
display: flex;
|
|
margin-bottom: 4px;
|
|
max-width: 80%;
|
|
height: 28px;
|
|
}
|
|
|
|
.subject-text {
|
|
background: rgba(0, 0, 0, 0.6);
|
|
border-radius: 3px 0px 0px 3px;
|
|
box-sizing: border-box;
|
|
font-size: 14px;
|
|
line-height: 28px;
|
|
padding: 0 16px;
|
|
height: 28px;
|
|
max-width: 324px;
|
|
|
|
@media (max-width: 300px) {
|
|
display: none;
|
|
}
|
|
|
|
&--content {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
.subject-timer {
|
|
background: rgba(0, 0, 0, 0.8);
|
|
border-radius: 0px 3px 3px 0px;
|
|
box-sizing: border-box;
|
|
font-size: 12px;
|
|
line-height: 28px;
|
|
min-width: 34px;
|
|
padding: 0 8px;
|
|
height: 28px;
|
|
|
|
@media (max-width: 300px) {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.details-container {
|
|
width: 100%;
|
|
display: flex;
|
|
justify-content: center;
|
|
position: absolute;
|
|
top: 0;
|
|
height: 48px;
|
|
max-width: calc(100% - 24px);
|
|
}
|
|
|
|
@keyframes hideSubject {
|
|
0% {
|
|
max-width: 100%;
|
|
}
|
|
|
|
100% {
|
|
max-width: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes showSubject {
|
|
0% {
|
|
max-width: 0%;
|
|
}
|
|
|
|
100% {
|
|
max-width: 100%;
|
|
}
|
|
}
|