r4sas/tweb-i2p
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Some CSS fixes for mobiles

Browse Source
This commit is contained in:
Eduard Kuzmenko 2021-05-09 23:45:26 +04:00
parent 4f752ed76b
commit e7d778be30
4 changed files with 19 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/scss/partials/_chat.scss
View File

@ -638,7 +638,7 @@ $chat-helper-size: 39px;
top: 0;
transform: translateX(-50%);
width: 28.75rem;
max-width: calc(100% - (var(--padding-horizontal) * 2));
max-width: calc(100% - (var(--chat-input-padding) * 2));
}
.selection-wrapper {
@ -805,12 +805,11 @@ $chat-helper-size: 39px;
.attach-file {
&.menu-open {
color: var(--primary-color);
background-color: hover-color(var(--primary-color)) !important;
background-color: var(--light-primary-color) !important;
}
.btn-menu {
padding: 8px 0;
right: -11px;
right: calc(var(--padding-horizontal) * -1 - .125rem);
bottom: calc(100% + 1.25rem);
> div {

10
src/scss/partials/popups/_forward.scss
View File

@ -21,6 +21,10 @@
flex: 0 0 auto;
margin-bottom: 3px;
padding: 0 1rem;
@include respond-to(handhelds) {
padding-left: .9375rem;
}
}
&-title {
@ -41,7 +45,11 @@
font-size: 1.25rem;
padding: .5rem 1.5rem;
width: 100%;
line-height: 1.3125;
line-height: var(--line-height);
@include respond-to(handhelds) {
padding-left: 1rem;
}
}
.chatlist {

8
src/scss/partials/popups/_popup.scss
View File

@ -6,15 +6,15 @@
.popup {
position: fixed!important;
left: 0;
top: 0;
height: 100%;
right: 0;
bottom: 0;
left: 0;
max-width: none;
width: 100%;
z-index: 3;
background-color: rgba(0, 0, 0, .3);
margin: 0;
padding: 0;
padding: 2.5rem;
box-shadow: none;
opacity: 0;
visibility: hidden;

7
src/scss/partials/popups/_stickers.scss
View File

@ -11,9 +11,9 @@
h6 {
padding: 0 2rem 0 1.5rem;
margin: 0;
margin-top: 3px;
font-size: 1.25rem;
font-weight: 500;
line-height: var(--line-height);
}
.sticker-set-footer {
@ -43,14 +43,13 @@
&-close {
font-size: 1.5rem;
margin-top: 6px;
margin-left: 16px;
margin-left: 1rem;
}
&-header {
margin-bottom: 12px;
flex: 0 0 auto;
margin-top: 5px;
margin-top: 10px;
}
}