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

Fix displaying author's name for big emoji message

Browse Source 
Fix floating name overflow
This commit is contained in:
morethanwords 2021-11-25 13:13:42 +04:00
parent 7497f9366f
commit ffc7b6ff49
1 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -427,8 +427,9 @@ $bubble-beside-button-width: 38px;
&:not(.forwarded):not(.must-have-name) { &:not(.forwarded):not(.must-have-name) {
&:not(.is-group-first) { &:not(.is-group-first) {
.bubble-content > .name, .name {
.document-wrapper > .name { // .bubble-content > .name,
// .document-wrapper > .name {
display: none; display: none;
} }
@ -1065,6 +1066,11 @@ $bubble-beside-button-width: 38px;
margin-bottom: 0; margin-bottom: 0;
background-color: var(--message-highlightning-color); background-color: var(--message-highlightning-color);
white-space: nowrap; white-space: nowrap;
max-width: 300px;
@include respond-to(handhelds) {
max-width: calc(100vw - #{$chat-padding-handhelds * 2} - 10px - 100%);
}
} }
.name { .name {
@ -1079,13 +1085,11 @@ $bubble-beside-button-width: 38px;
} }
.reply { .reply {
max-width: 300px;
height: 54px; height: 54px;
max-height: 54px; max-height: 54px;
@include respond-to(handhelds) { @include respond-to(handhelds) {
padding: 8px 6px 8px 8px; padding: 8px 6px 8px 8px;
max-width: 94px;
} }
&-content { &-content {
@ -1523,7 +1527,9 @@ $bubble-beside-button-width: 38px;
bottom: 55px; bottom: 55px;
} }
&.sticker, &.with-replies.round, &.emoji-big { &.sticker,
&.with-replies.round,
&.emoji-big {
.message { .message {
bottom: 0; bottom: 0;
} }
@ -1651,8 +1657,7 @@ $bubble-beside-button-width: 38px;
z-index: 1; z-index: 1;
} }
&:not(.forwarded).hide-name, &:not(.forwarded).hide-name {
&.emoji-big {
.name { .name {
display: none; display: none;
} }
@ -1666,8 +1671,9 @@ $bubble-beside-button-width: 38px;
cursor: pointer; cursor: pointer;
} }
&-content > .name, .name {
.document-wrapper > .name { // &-content > .name,
// .document-wrapper > .name {
/* padding: .2675rem 9px 0 9px; */ /* padding: .2675rem 9px 0 9px; */
/* padding: .32rem 9px 0 9px; */ /* padding: .32rem 9px 0 9px; */
padding: 5px 9px 0 9px; padding: 5px 9px 0 9px;