PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Tidy up _RoomView.pcss (#10744)

Browse source 
* Include: `mx_MainSplit`

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Include: `mx_RoomView_messagePanelSearchSpinner::before`

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Include: `mx_RoomView_timeline`

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Include: `mx_RoomView_MessageList li`

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Include: `mx_RoomView_inCall`

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Include: `mx_RoomView .mx_MessageComposer`

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

* Run prettier

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>

---------

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
This commit is contained in:
Suguru Hirahara 2023-05-02 09:30:53 +00:00 committed by GitHub
parent 0adf465397
commit f342f4dcaa
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 45 additions and 43 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

88
res/css/structures/_RoomView.pcss
View file

@ -34,6 +34,16 @@ limitations under the License.
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;
position: relative; position: relative;
.mx_MainSplit {
flex: 1 1 0;
}
.mx_MessageComposer {
width: 100%;
flex: 0 0 auto;
margin-right: 2px;
}
} }
.mx_RoomView_auxPanel { .mx_RoomView_auxPanel {
@ -51,10 +61,6 @@ limitations under the License.
cursor: pointer; cursor: pointer;
} }
.mx_RoomView .mx_MainSplit {
flex: 1 1 0;
}
.mx_RoomView_messagePanel { .mx_RoomView_messagePanel {
width: 100%; width: 100%;
overflow-y: auto; overflow-y: auto;
@ -69,20 +75,20 @@ limitations under the License.
background-size: 25px; background-size: 25px;
background-repeat: no-repeat; background-repeat: no-repeat;
position: relative; position: relative;
}
.mx_RoomView_messagePanelSearchSpinner::before { &::before {
background-color: $info-plinth-fg-color; background-color: $info-plinth-fg-color;
mask: url("$(res)/img/feather-customised/search-input.svg"); mask: url("$(res)/img/feather-customised/search-input.svg");
mask-repeat: no-repeat; mask-repeat: no-repeat;
mask-position: center; mask-position: center;
mask-size: 50px; mask-size: 50px;
content: ""; content: "";
position: absolute; position: absolute;
top: 286px; top: 286px;
left: 0; left: 0;
right: 0; right: 0;
height: 50px; height: 50px;
}
} }
.mx_RoomView_body { .mx_RoomView_body {
@ -96,15 +102,15 @@ limitations under the License.
.mx_RoomView_messagePanelSearchSpinner { .mx_RoomView_messagePanelSearchSpinner {
order: 2; order: 2;
} }
}
.mx_RoomView_body .mx_RoomView_timeline { .mx_RoomView_timeline {
/* offset parent for mx_RoomView_topUnreadMessagesBar */ /* offset parent for mx_RoomView_topUnreadMessagesBar */
position: relative; position: relative;
flex: 1; flex: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-right: calc($container-gap-width / 2); margin-right: calc($container-gap-width / 2);
}
} }
.mx_RoomView_statusArea { .mx_RoomView_statusArea {
@ -171,16 +177,16 @@ limitations under the License.
/* needed as min-height is set to clientHeight in ScrollPanel /* needed as min-height is set to clientHeight in ScrollPanel
to prevent shrinking when WhoIsTypingTile is hidden */ to prevent shrinking when WhoIsTypingTile is hidden */
box-sizing: border-box; box-sizing: border-box;
li {
clear: both;
}
} }
.mx_RoomView--local .mx_ScrollPanel .mx_RoomView_MessageList { .mx_RoomView--local .mx_ScrollPanel .mx_RoomView_MessageList {
justify-content: center; justify-content: center;
} }
.mx_RoomView_MessageList li {
clear: both;
}
li.mx_RoomView_myReadMarker_container { li.mx_RoomView_myReadMarker_container {
height: 0px; height: 0px;
margin: 0px; margin: 0px;
@ -206,21 +212,17 @@ hr.mx_RoomView_myReadMarker {
border: unset; border: unset;
} }
.mx_RoomView_inCall .mx_RoomView_statusAreaBox_line { .mx_RoomView_inCall {
margin-top: 2px; .mx_RoomView_statusAreaBox_line {
border: none; margin-top: 2px;
height: 0px; border: none;
} height: 0px;
}
.mx_RoomView_inCall .mx_MessageComposer_wrapper { .mx_MessageComposer_wrapper {
border-top: 2px hidden; border-top: 2px hidden;
padding-top: 1px; padding-top: 1px;
} }
.mx_RoomView .mx_MessageComposer {
width: 100%;
flex: 0 0 auto;
margin-right: 2px;
} }
.mx_MatrixChat_useCompactLayout { .mx_MatrixChat_useCompactLayout {