mirrors/vector-im-hydrogen-web
1
0
Fork 0
mirror of https://github.com/vector-im/hydrogen-web.git synced 2024-12-22 19:14:52 +01:00
Code Issues Projects Releases Wiki Activity

Improve layout on mobile

Browse Source
This commit is contained in:
RMidhunSuresh 2023-06-19 13:55:17 +05:30
parent 93f4158645
commit bc2553f856
3 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/platform/web/ui/css/layout.css
View File

@ -101,6 +101,14 @@ the layout viewport up without resizing it when the keyboard shows */
.middle .close-middle { display: block !important; } .middle .close-middle { display: block !important; }
/* hide grid button */ /* hide grid button */
.LeftPanel .grid { display: none !important; } .LeftPanel .grid { display: none !important; }
.VerificationReadyTileView {
flex-direction: column;
}
.VerificationTileView__actions {
justify-content: center;
}
} }
.LeftPanel { .LeftPanel {

9
src/platform/web/ui/css/themes/element/theme.css
View File

@ -1535,6 +1535,7 @@ button.RoomDetailsView_row::after {
font-size: 1.4rem; font-size: 1.4rem;
color: var(--text-color); color: var(--text-color);
gap: 4px; gap: 4px;
text-align: center;
} }
.VerificationInProgressTileView, .VerificationInProgressTileView,
@ -1542,7 +1543,7 @@ button.RoomDetailsView_row::after {
.VerificationCancelledTileView, .VerificationCancelledTileView,
.VerificationReadyTileView { .VerificationReadyTileView {
background: var(--background-color-primary--darker-5); background: var(--background-color-primary--darker-5);
padding: 12px; padding: 8px;
box-sizing: border-box; box-sizing: border-box;
border-radius: 8px; border-radius: 8px;
} }
@ -1550,18 +1551,18 @@ button.RoomDetailsView_row::after {
.VerificationTileView { .VerificationTileView {
display: flex; display: flex;
justify-content: center; justify-content: center;
padding: 16px; padding: 5px 10%;
box-sizing: border-box; box-sizing: border-box;
} }
.VerificationInProgressTileView .VerificationTileView__shield, .VerificationInProgressTileView .VerificationTileView__shield,
.VerificationReadyTileView .VerificationTileView__shield { .VerificationReadyTileView .VerificationTileView__shield {
background: url("./icons/e2ee-normal.svg?primary=background-color-secondary--darker-40"); background: url("./icons/e2ee-normal.svg?primary=background-color-secondary--darker-40") no-repeat;
} }
.VerificationCompletedTileView .VerificationTileView__shield { .VerificationCompletedTileView .VerificationTileView__shield {
background: url("./icons/e2ee-normal.svg?primary=accent-color"); background: url("./icons/e2ee-normal.svg?primary=accent-color") no-repeat;
} }
.VerificationTileView__shield { .VerificationTileView__shield {

2
src/platform/web/ui/session/room/timeline/VerificationTileView.ts
View File

@ -52,8 +52,8 @@ export class VerificationTileView extends TemplateView<VerificationTile> {
class VerificationReadyTileView extends TemplateView<VerificationTile> { class VerificationReadyTileView extends TemplateView<VerificationTile> {
render(t: Builder<VerificationTile>, vm: VerificationTile) { render(t: Builder<VerificationTile>, vm: VerificationTile) {
return t.div({ className: "VerificationReadyTileView" }, [ return t.div({ className: "VerificationReadyTileView" }, [
t.div({ className: "VerificationTileView__description" }, [
t.div({ className: "VerificationTileView__shield" }), t.div({ className: "VerificationTileView__shield" }),
t.div({ className: "VerificationTileView__description" }, [
t.div(vm.description) t.div(vm.description)
]), ]),
t.div({ className: "VerificationTileView__actions" }, [ t.div({ className: "VerificationTileView__actions" }, [