Fix feed sizing issues

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2021-07-21 18:14:21 +02:00
parent dc7f6d8286
commit 3fac4adfc7
No known key found for this signature in database
GPG key ID: 55C211A1226CB17D
5 changed files with 53 additions and 46 deletions

View file

@ -19,13 +19,40 @@ limitations under the License.
right: 16px;
bottom: 16px;
z-index: 100; // To be above the primary feed
max-width: 20%;
min-width: 160px; // To match .mx_VideoFeed_voice
width: 20%;
min-width: 160px;
display: flex;
flex-direction: column-reverse;
.mx_VideoFeed {
border-radius: 4px;
width: 100%;
margin-bottom: 12px;
&.mx_VideoFeed_voice {
background-color: $inverted-bg-color;
display: flex;
align-items: center;
justify-content: center;
min-width: 160px;
min-height: 90px;
}
&.mx_VideoFeed_video {
background-color: transparent;
}
}
&.mx_CallViewSidebar_pipMode {
top: 16px;
bottom: unset;
min-width: unset;
.mx_VideoFeed_voice {
min-width: 64px;
min-height: 36px;
}
}
}