|
|
@ -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 { |
|
|
|