jiti-meet/css/_jitsi_popover.scss

48 lines
1.1 KiB
SCSS
Raw Normal View History

.jitsipopover {
position: absolute;
top: 0;
left: 0;
z-index: 1010;
display: none;
max-width: 300px;
min-width: 100px;
text-align: left;
2016-10-18 09:41:35 +00:00
color: $popoverFontColor;
background-color: $popoverBg;
background-clip: padding-box;
2016-10-13 13:16:44 +00:00
border-radius: 3px;
/*-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);*/
/*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);*/
white-space: normal;
2016-11-23 10:32:59 +00:00
margin-top: -$popoverMenuPadding;
2016-10-13 13:16:44 +00:00
&__menu-padding {
2016-11-23 10:32:59 +00:00
height: $popoverMenuPadding;
2016-10-13 13:16:44 +00:00
width: 100px;
position: absolute;
2016-11-23 10:32:59 +00:00
bottom: -$popoverMenuPadding;
2016-10-13 13:16:44 +00:00
}
2016-10-19 14:57:16 +00:00
&__showmore {
2016-10-13 13:16:44 +00:00
display: block;
text-align: center;
width: 90px;
margin: 10px auto;
}
2016-10-20 10:43:05 +00:00
> .arrow {
2016-10-13 13:16:44 +00:00
position: absolute;
display: block;
2016-10-20 10:43:05 +00:00
left: 50%;
bottom: -5px;
margin-left: -5px;
2016-10-13 13:16:44 +00:00
width: 0;
height: 0;
border-color: transparent;
2016-10-20 10:43:05 +00:00
border-top-color: $popoverBg;
2016-10-13 13:16:44 +00:00
border-style: solid;
2016-10-20 10:43:05 +00:00
border-width: 5px;
2016-10-13 13:16:44 +00:00
border-bottom-width: 0;
}
}