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

Some bubble layout fixes

Browse Source
This commit is contained in:
Eduard Kuzmenko 2022-02-25 15:36:13 +02:00
parent 9ca8ec7f03
commit 63e8b74540
5 changed files with 37 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/scss/partials/_chatBubble.scss
View File

@ -1023,9 +1023,15 @@ $bubble-beside-button-width: 38px;
margin-top: 1px; margin-top: 1px;
} }
} }
.webpage-name,
.text,
.title {
font-size: var(--messages-secondary-text-size);
line-height: var(--messages-secondary-line-height);
}
.webpage-name { .webpage-name {
font-size: var(--messages-secondary-text-size);
text-decoration: none; text-decoration: none;
@include hover() { @include hover() {
@ -1036,7 +1042,6 @@ $bubble-beside-button-width: 38px;
.text { .text {
word-break: break-word; word-break: break-word;
margin-top: 1px; margin-top: 1px;
font-size: var(--messages-secondary-text-size);
} }
.quote { .quote {
@ -1064,7 +1069,6 @@ $bubble-beside-button-width: 38px;
} }
} }
.web,
.reply { .reply {
font-size: var(--messages-secondary-text-size); font-size: var(--messages-secondary-text-size);
} }
@ -1834,13 +1838,12 @@ $bubble-beside-button-width: 38px;
.name { .name {
// &-content > .name, // &-content > .name,
// .document-wrapper > .name { // .document-wrapper > .name {
/* padding: .2675rem 9px 0 9px; */ padding: .3125rem .625rem 0 .625rem;
/* padding: .32rem 9px 0 9px; */
padding: 5px 9px 0 9px;
font-weight: 500 !important; font-weight: 500 !important;
/* padding-bottom: 4px; */ /* padding-bottom: 4px; */
color: var(--primary-color); color: var(--primary-color);
font-size: .9rem; font-size: .875rem;
line-height: 1.25rem;
max-width: 100%; max-width: 100%;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;

10
src/scss/partials/_chatPinned.scss
View File

@ -151,8 +151,8 @@
&-title, &-title,
&-subtitle { &-subtitle {
font-size: 14px; font-size: var(--font-size-14);
line-height: var(--line-height); line-height: var(--line-height-14);
@include text-overflow(); @include text-overflow();
} }
@ -484,7 +484,7 @@
&-subtitle { &-subtitle {
.animated-super-row { .animated-super-row {
font-size: .875rem; font-size: var(--font-size-14);
line-height: 16px; line-height: 16px;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
@ -630,8 +630,8 @@
&-title, &-title,
&-subtitle { &-subtitle {
font-size: .875rem; font-size: var(--font-size-14);
line-height: var(--line-height); line-height: var(--line-height-14);
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;

9
src/scss/partials/_leftSidebar.scss
View File

@ -648,9 +648,9 @@
.row { .row {
.btn-primary { .btn-primary {
height: 30px; height: 1.875rem;
padding: 0 12px; padding: 0 .75rem;
font-size: 15px; font-size: .9375rem;
width: auto; width: auto;
transition: width 0.2s; transition: width 0.2s;
margin: 0; margin: 0;
@ -658,7 +658,8 @@
right: 1rem; right: 1rem;
top: 50%; top: 50%;
transform: translateY(-50%); transform: translateY(-50%);
border-radius: 15px; border-radius: .9375rem;
line-height: 1.875rem;
body.animation-level-0 & { body.animation-level-0 & {
transition: none; transition: none;

23
src/scss/partials/_row.scss
View File

@ -88,7 +88,8 @@
} }
} }
.radio-field-main, .checkbox-field { .radio-field-main,
.checkbox-field {
padding-left: 3.375rem; padding-left: 3.375rem;
margin-left: -3.375rem; margin-left: -3.375rem;
} }
@ -100,18 +101,18 @@
.checkbox-caption { .checkbox-caption {
padding-left: 0; padding-left: 0;
} }
}
.checkbox-field-toggle { &-toggle {
margin: 0; margin: 0;
margin-right: .125rem; margin-right: .125rem;
padding: 0; padding: 0;
}
} }
&-subtitle { &-subtitle {
color: var(--secondary-text-color) !important; color: var(--secondary-text-color) !important;
font-size: .875rem !important; font-size: .875rem !important;
line-height: var(--line-height); line-height: var(--line-height-14);
margin-top: .125rem; margin-top: .125rem;
margin-bottom: .0625rem; margin-bottom: .0625rem;
order: 1; order: 1;
@ -122,15 +123,15 @@
} }
&-media { &-media {
width: 48px !important; width: 3rem !important;
height: 48px !important; height: 3rem !important;
position: absolute !important; position: absolute !important;
margin: 0 !important; margin: 0 !important;
left: .5rem; left: .5rem;
&-small { &-small {
width: 32px !important; width: 2rem !important;
height: 32px !important; height: 2rem !important;
left: .75rem !important; left: .75rem !important;
} }
} }

5
src/scss/style.scss
View File

@ -80,7 +80,12 @@ $chat-input-inner-padding-handhelds: .25rem;
--messages-container-width: #{$messages-container-width}; --messages-container-width: #{$messages-container-width};
--messages-text-size: 16px; --messages-text-size: 16px;
--messages-secondary-text-size: calc(var(--messages-text-size) - 2px); --messages-secondary-text-size: calc(var(--messages-text-size) - 2px);
--messages-secondary-line-height: calc(var(--messages-secondary-text-size) + 4px);
--line-height: 1.3125; --line-height: 1.3125;
--line-height-16: 21px;
--line-height-14: 18px;
--font-size-16: 16px;
--font-size-14: 14px;
--esg-sticker-size: 80px; --esg-sticker-size: 80px;
--disabled-opacity: .3; --disabled-opacity: .3;
--round-video-size: 280px; --round-video-size: 280px;