imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add Voice and Video call in room header (#11444)

Browse source 
* Add Voice and Video call in room header

* Add thread icon in room header

* Add room notification icon to room header

* Fix linting

* Add tests for buttons in room header

* Add JSDoc

* micro optimisations

* Fix call disabled when hanging up

* Fix disabled state change on members count update

* Exclude functional members from members count optionally

* i18n
This commit is contained in:
Germain 2023-08-23 15:13:40 +01:00 • committed by GitHub
parent c2e814ce95
commit 3acc9059ab
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
13 changed files with 709 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

14
res/css/components/views/utils/_Box.pcss
View file

@ -14,8 +14,14 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
.mx_Box {
flex: var(--mx-box-flex, initial);
flex-shrink: var(--mx-box-shrink, initial);
flex-grow: var(--mx-box-grow, initial);
.mx_Box--flex {
flex: var(--mx-box-flex, unset);
}
.mx_Box--shrink {
flex-shrink: var(--mx-box-shrink, unset);
}
.mx_Box--grow {
flex-grow: var(--mx-box-grow, unset);
}

10
res/css/components/views/utils/_Flex.pcss
View file

@ -15,9 +15,9 @@ limitations under the License.
*/
.mx_Flex {
display: var(--mx-flex-display, initial);
flex-direction: var(--mx-flex-direction, initial);
align-items: var(--mx-flex-align, initial);
justify-content: var(--mx-flex-justify, initial);
gap: var(--mx-flex-gap, initial);
display: var(--mx-flex-display, unset);
flex-direction: var(--mx-flex-direction, unset);
align-items: var(--mx-flex-align, unset);
justify-content: var(--mx-flex-justify, unset);
gap: var(--mx-flex-gap, unset);
}

8
res/css/views/rooms/_RoomHeader.pcss
View file

@ -19,10 +19,10 @@ limitations under the License.
padding: 0 var(--cpd-space-3x);
border-bottom: 1px solid $separator;
background-color: $background;
}
&:hover {
cursor: pointer;
}
.mx_RoomHeader_info {
cursor: pointer;
}
.mx_RoomHeader_topic {
@ -36,7 +36,7 @@ limitations under the License.
word-break: break-all;
text-overflow: ellipsis;
transition: all var(--transition-standard) ease;
transition: all var(--transition-standard) ease 0.1s;
}
.mx_RoomHeader:hover .mx_RoomHeader_topic {