Mirrors/thelounge
2
0
Fork 0
mirror of https://github.com/thelounge/thelounge synced 2025-02-16 13:18:24 +00:00
Code Issues Projects Releases Packages Wiki Activity

Reduced free space around elements in PWA.

Browse source
This commit is contained in:
Mateusz Hajder 2022-07-16 13:07:52 +02:00
parent 417b76a3db
commit 9d50cb528c
No known key found for this signature in database
GPG key ID: 77E389EEF0719B52
1 changed files with 12 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
client/css/style.css
View file

@ -50,6 +50,8 @@
html {
box-sizing: border-box;
-webkit-tap-highlight-color: transparent; /* remove tap highlight on touch devices */
min-height: calc(100% + env(safe-area-inset-top));
padding: env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);
}
*,
@ -89,8 +91,6 @@ html,
body {
height: 100%;
overscroll-behavior: none; /* prevent overscroll navigation actions */
margin-top: env(safe-area-inset-top);
padding-bottom: env(safe-area-inset-bottom);
}
body {
@ -677,7 +677,6 @@ p {
max-height: 100%;
will-change: transform;
color: #b7c5d1; /* same as .channel-list-item color */
margin-left: env(safe-area-inset-left);
}
#viewport.menu-open #sidebar {
@ -964,7 +963,7 @@ background on hover (unless active) */
flex-shrink: 0;
display: flex;
justify-content: center;
margin-bottom: env(safe-area-inset-bottom);
margin-bottom: calc(env(safe-area-inset-bottom) / 2);
}
#footer button {
@ -1079,8 +1078,6 @@ textarea.input {
display: flex;
flex-shrink: 0;
overflow: hidden;
padding-right: env(safe-area-inset-right);
padding-left: env(safe-area-inset-left);
}
#chat .header {
@ -1213,7 +1210,6 @@ textarea.input {
flex-grow: 1;
overflow: hidden;
position: relative;
padding-left: env(safe-area-inset-left);
}
#chat .chat {
@ -2222,7 +2218,6 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */
display: flex;
align-items: flex-end;
position: relative;
padding-left: env(safe-area-inset-left);
}
#user-visible-error {
@ -2723,10 +2718,6 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */
max-height: 58px;
max-width: 104px;
}
.mentions-popup {
top: calc(45px + env(safe-area-inset-top));
}
}
@media (max-width: 479px) {
@ -2956,6 +2947,13 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */
align-items: center;
}
#submit-tooltip {
padding-right: env(safe-area-inset-right);
.mentions-popup {
margin-top: env(safe-area-inset-top);
}
#chat-container,
#connect,
#settings,
#help {
padding-bottom: calc(env(safe-area-inset-bottom) / 2);
}