Release video rooms as a beta feature (#8431)
* Remove blank header from video room view frame * Add a beta card for video rooms * Rename the 'disclaimer' on beta cards to 'FAQ' Because that's what the section actually gets used as * Add beta pills to video room creation buttons * Remove duplicate tooltips from face piles * Add beta pill to headers of video rooms * Factor RoomInfoLine out of SpaceRoomView * Factor RoomPreviewCard out of SpaceRoomView * Adapt RoomPreviewCard for video rooms * "New video room" → "Video room" * Add comment about unused cases in RoomPreviewCard * Add types * Clarify !important comments * Add a reload warning * Fix the reload warning being the wrong way around * Fix lints * Make widgets in video rooms mutable again to de-risk future upgrades * Ensure that the video channel exists when mounting VideoRoomView * Fix lint * Iterate beta reload warning
This commit is contained in:
parent
c180708a17
commit
30460943b2
13 changed files with 188 additions and 86 deletions
|
@ -20,6 +20,7 @@ limitations under the License.
|
|||
background-color: $system;
|
||||
border-radius: 8px;
|
||||
box-sizing: border-box;
|
||||
color: $secondary-content;
|
||||
|
||||
.mx_BetaCard_columns {
|
||||
display: flex;
|
||||
|
@ -45,14 +46,13 @@ limitations under the License.
|
|||
.mx_BetaCard_caption {
|
||||
font-size: $font-15px;
|
||||
line-height: $font-20px;
|
||||
color: $secondary-content;
|
||||
}
|
||||
|
||||
.mx_BetaCard_buttons {
|
||||
display: flex;
|
||||
flex-wrap: wrap-reverse;
|
||||
gap: 12px;
|
||||
margin: 20px auto;
|
||||
gap: $spacing-12;
|
||||
margin: $spacing-20 auto 0;
|
||||
|
||||
.mx_AccessibleButton {
|
||||
padding: 7px 40px;
|
||||
|
@ -66,10 +66,16 @@ limitations under the License.
|
|||
}
|
||||
}
|
||||
|
||||
.mx_BetaCard_disclaimer {
|
||||
.mx_BetaCard_refreshWarning {
|
||||
margin-top: $spacing-8;
|
||||
font-size: $font-10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.mx_BetaCard_faq {
|
||||
margin-top: $spacing-20;
|
||||
font-size: $font-12px;
|
||||
line-height: $font-15px;
|
||||
color: $secondary-content;
|
||||
|
||||
> h4 {
|
||||
margin: 12px 0 0;
|
||||
|
@ -105,7 +111,6 @@ limitations under the License.
|
|||
margin-top: 4px;
|
||||
font-size: $font-12px;
|
||||
line-height: $font-15px;
|
||||
color: $secondary-content;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue