haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(prejoin): dialout popup buttons

This commit is contained in:
Vlad Piersec 2020-06-29 15:45:47 +03:00 committed by vp8x8
parent a5f17a8033
commit ea2ea89ef7
2 changed files with 66 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
css/_prejoin-dialog.scss
View File

@ -96,6 +96,11 @@
padding: 0 8px; padding: 0 8px;
} }
} }
.prejoin-dialog-btn.primary,
.action-btn.prejoin-dialog-btn.text {
width: 310px;
}
} }
.prejoin-dialog-callout { .prejoin-dialog-callout {

122
css/_premeeting-screens.scss
View File

@ -1,7 +1,7 @@
/** /**
* Shared style for full screen local track based dialogs/modals. * Shared style for full screen local track based dialogs/modals.
*/ */
.premeeting-screen { .premeeting-screen {
align-items: stretch; align-items: stretch;
background: #1C2025; background: #1C2025;
bottom: 0; bottom: 0;
@ -14,6 +14,66 @@
top: 0; top: 0;
z-index: $toolbarZ + 1; z-index: $toolbarZ + 1;
.action-btn {
border-radius: 3px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 15px;
line-height: 24px;
margin-top: 16px;
padding: 7px 16px;
position: relative;
text-align: center;
width: 286px;
&.primary {
background: #0376DA;
border: 1px solid #0376DA;
}
&.secondary {
background: transparent;
border: 1px solid #5E6D7A;
}
&.text {
width: auto;
font-size: 13px;
margin: 0;
padding: 0;
}
&.disabled {
background: #5E6D7A;
border: 1px solid #5E6D7A;
color: #AFB6BC;
cursor: initial;
.icon {
& > svg {
fill: #AFB6BC;
}
}
.options {
border-left: 1px solid #AFB6BC;
}
}
.options {
align-items: center;
border-left: 1px solid #fff;
display: flex;
height: 100%;
justify-content: center;
position: absolute;
right: 0;
top: 0;
width: 40px;
}
}
.content { .content {
align-items: center; align-items: center;
background-image: linear-gradient(transparent, black); background-image: linear-gradient(transparent, black);
@ -97,66 +157,6 @@
color: $defaultWarningColor; color: $defaultWarningColor;
} }
} }
.action-btn {
border-radius: 3px;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 15px;
line-height: 24px;
margin-top: 16px;
padding: 7px 16px;
position: relative;
text-align: center;
width: 286px;
&.primary {
background: #0376DA;
border: 1px solid #0376DA;
}
&.secondary {
background: transparent;
border: 1px solid #5E6D7A;
}
&.text {
width: auto;
font-size: 13px;
margin: 0;
padding: 0;
}
&.disabled {
background: #5E6D7A;
border: 1px solid #5E6D7A;
color: #AFB6BC;
cursor: initial;
.icon {
& > svg {
fill: #AFB6BC;
}
}
.options {
border-left: 1px solid #AFB6BC;
}
}
.options {
align-items: center;
border-left: 1px solid #fff;
display: flex;
height: 100%;
justify-content: center;
position: absolute;
right: 0;
top: 0;
width: 40px;
}
}
} }
.media-btn-container { .media-btn-container {