Browse Source

Fix replies element layout

master
Eduard Kuzmenko 3 years ago
parent
commit
e74ac65ca4
  1. 25
      src/scss/partials/_chatBubble.scss

25
src/scss/partials/_chatBubble.scss

@ -1958,20 +1958,17 @@ $bubble-beside-button-width: 38px;
bottom: 47px; // * forward button + 9px margin bottom: 47px; // * forward button + 9px margin
border-radius: 2rem; border-radius: 2rem;
right: -44px; // * because not 38px, as forward button right: -44px; // * because not 38px, as forward button
padding: 5.5px 0; padding: .375rem 0 .5rem;
.tgico-commentssticker {
font-size: 23px;
}
&-text { &-text {
font-size: .75rem; font-size: .75rem;
margin-top: .125rem;
} }
} }
&-footer { &-footer {
height: 50px; height: 3.1875rem;
border-top: 1px solid var(--border-color); border-top: .0625rem solid var(--border-color);
position: relative; position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
@ -1983,16 +1980,22 @@ $bubble-beside-button-width: 38px;
.tgico-comments, .tgico-comments,
.tgico-next { .tgico-next {
font-size: 1.4375rem; font-size: 1.5rem;
}
.tgico-comments {
margin-left: .125rem;
margin-right: .375rem;
} }
&-text { &-text {
font-weight: 500; font-weight: 500;
font-size: 15px; font-size: .9375rem;
margin-left: 9px; margin-left: .5rem;
display: flex; display: flex;
align-items: center; align-items: center;
color: var(--primary-color); color: var(--primary-color);
line-height: 1.125rem;
} }
&-avatars { &-avatars {
@ -2014,7 +2017,7 @@ $bubble-beside-button-width: 38px;
.tgico-next { .tgico-next {
position: absolute; position: absolute;
right: 4px; right: .1875rem;
} }
&.is-unread { &.is-unread {

Loading…
Cancel
Save