Skip to content

Layout improvements #134

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 10 commits into from
Nov 22, 2022
Merged

Layout improvements #134

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
cc6f3b8
Remove horizontal scrollbars in pre-session screens
psrpinto Nov 18, 2022
7278159
Remove drop-shadow around pre-session screen
psrpinto Nov 18, 2022
db92847
Make block width in dev env consistent with production
psrpinto Nov 18, 2022
471c20a
Remove link to hydrogen on GitHub
psrpinto Nov 18, 2022
3028af3
Add a dropshadow to the block in development environment
psrpinto Nov 18, 2022
353b452
Remove horizontal scrollbars in login screen
psrpinto Nov 18, 2022
e81e51e
Remove whitespace on top of pre-session screen
psrpinto Nov 18, 2022
4ea2dd8
Reduce padding to remove vertical scrollbars in login screen
psrpinto Nov 18, 2022
9452f38
Remove vertical scrollbars in logout screen
psrpinto Nov 18, 2022
475a7a1
Further reduce whitespace in login screen to remove scrollbars
psrpinto Nov 21, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
32 changes: 32 additions & 0 deletions frontend/styles/theme/theme.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,3 +17,35 @@ body {
.RootView.single-room-mode .RoomHeader .close-middle {
display: none !important;
}

/* Remove horizontal scrollbars in pre-session screen. */
@media screen and (min-width: 600px) {
.PreSessionScreen {
width: 570px;
}
}

/* Remove drop-shadow around pre-session screen. */
.PreSessionScreen {
box-shadow: none;
border-radius: 0;
}

/* Reduce whitespace to remove vertical scrollbars in login screen. */
.PreSessionScreen {
margin-top: 0;
padding: 24px;
}
.PreSessionScreen .LoginView_separator {
margin: -2px;
}

/* Remove link to hydrogen on GitHub. */
.PreSessionScreen a[href*="https://github.com/vector-im/hydrogen-web"] {
display: none;
}

/* Remove vertical scrollbars in logout screen. */
.LogoutScreen {
height: 90vh;
}
11 changes: 6 additions & 5 deletions frontend/targets/block/parent.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,25 +5,26 @@
html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

body {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}

.automattic-chatrix-container {
width: 550px;
height: 650px;
width: 600px;
height: 600px;
border-radius: 12px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 14px 64px -10px rgba(0, 0, 0, 0.2);
}

.automattic-chatrix-iframe {
width: 100%;
height: 100%;
border: 0;
border-radius: inherit;
overflow: hidden;
}