mirror of https://github.com/vector-im/riot-web
Reorganize some CSS
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>pull/21833/head
parent
c2aada6aa7
commit
7ad62a8b1a
|
@ -19,19 +19,20 @@ limitations under the License.
|
|||
right: 16px;
|
||||
bottom: 16px;
|
||||
z-index: 100; // To be above the primary feed
|
||||
width: 20%;
|
||||
min-width: 160px;
|
||||
|
||||
height: 100%;
|
||||
width: 25%;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column-reverse;
|
||||
justify-content: flex-start;
|
||||
align-items: flex-end;
|
||||
gap: 12px;
|
||||
|
||||
.mx_VideoFeed {
|
||||
border-radius: 4px;
|
||||
> .mx_VideoFeed {
|
||||
width: 100%;
|
||||
margin-bottom: 12px;
|
||||
|
||||
&.mx_VideoFeed_voice {
|
||||
background-color: $inverted-bg-color;
|
||||
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
@ -39,16 +40,13 @@ limitations under the License.
|
|||
min-width: 160px;
|
||||
min-height: 90px;
|
||||
}
|
||||
|
||||
&.mx_VideoFeed_video {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
&.mx_CallViewSidebar_pipMode {
|
||||
top: 16px;
|
||||
bottom: unset;
|
||||
min-width: unset;
|
||||
justify-content: flex-end;
|
||||
gap: 4px;
|
||||
|
||||
.mx_VideoFeed_voice {
|
||||
min-width: 64px;
|
||||
|
|
|
@ -14,6 +14,19 @@ See the License for the specific language governing permissions and
|
|||
limitations under the License.
|
||||
*/
|
||||
|
||||
.mx_VideoFeed {
|
||||
border-radius: 4px;
|
||||
|
||||
|
||||
&.mx_VideoFeed_voice {
|
||||
background-color: $inverted-bg-color;
|
||||
}
|
||||
|
||||
&.mx_VideoFeed_video {
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
|
||||
.mx_VideoFeed_mirror {
|
||||
transform: scale(-1, 1);
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue