Fix appearance of participants menu button

Buttons with icons should have a size of 44x44px for easier interaction.
This matches the height of the participant list item in which the button
appears, and as such also centers the button vertically with the name of
the participant.

With the larger size the default grey background of the button is now
much more visible, but as the button has no border the background looks
strange. Due to this the background is removed, which also gives the
menu button in the participant list a consistent look with the menu
button in the room list.

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
This commit is contained in:
Daniel Calviño Sánchez 2018-06-01 17:20:59 +02:00
Родитель 9bf78d6b9a
Коммит f07a0c6c46
1 изменённых файлов: 6 добавлений и 0 удалений

Просмотреть файл

@ -892,6 +892,11 @@ video {
display: inline-block; display: inline-block;
} }
.participantWithList .participant-entry-utils li {
width: 44px;
height: 44px;
}
.participantWithList .participant-entry-utils button { .participantWithList .participant-entry-utils button {
height: 100%; height: 100%;
width: 100%; width: 100%;
@ -902,6 +907,7 @@ video {
.participantWithList .participant-entry-utils-menu-button button { .participantWithList .participant-entry-utils-menu-button button {
border: 0; border: 0;
opacity: .5; opacity: .5;
background-color: transparent;
} }
/** /**