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

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

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

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

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

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

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