jiti-meet/css/_mini_toolbox.scss

66 lines
1.2 KiB
SCSS
Raw Normal View History

2019-10-18 09:09:14 +00:00
.filmstrip-toolbox,
2019-10-17 10:15:29 +00:00
.always-on-top-toolbox {
background-color: $newToolbarBackgroundColor;
border-radius: 3px;
display: flex;
z-index: $toolbarZ;
.toolbox-icon {
cursor: pointer;
padding: 7px;
&.toggled {
background: $AOTToolbarButtonToggleColor;
}
&.disabled {
cursor: initial;
}
}
2019-10-18 09:09:14 +00:00
}
.always-on-top-toolbox {
flex-direction: row;
left: 50%;
position: absolute;
top: 10px;
transform: translateX(-50%);
2019-10-17 10:15:29 +00:00
.toolbox-button {
&:first-child {
.toolbox-icon {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
}
2019-10-21 15:31:44 +00:00
&:nth-child(2) {
svg {
fill: $hangupColor;
}
}
2019-10-17 10:15:29 +00:00
&:last-child {
.toolbox-icon {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
}
}
2019-10-18 09:09:14 +00:00
}
.filmstrip-toolbox {
flex-direction: column;
.toolbox-button {
2019-10-21 15:31:44 +00:00
&:nth-child(1) {
svg {
fill: $hangupColor;
}
}
2019-10-18 09:09:14 +00:00
.toolbox-icon {
border-radius: 3px;
}
}
2019-10-17 10:15:29 +00:00
}