|
|
@ -2385,12 +2385,21 @@ a.im_message_fwd_photo { |
|
|
|
.im_history_loading_more { |
|
|
|
.im_history_loading_more { |
|
|
|
display: block; |
|
|
|
display: block; |
|
|
|
width: 26px; |
|
|
|
width: 26px; |
|
|
|
|
|
|
|
height: 46px; |
|
|
|
margin: 0 auto; |
|
|
|
margin: 0 auto; |
|
|
|
padding: 20px 0 0; |
|
|
|
padding: 20px 0 0; |
|
|
|
visibility: hidden; |
|
|
|
visibility: hidden; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.progress-arc-wrap { |
|
|
|
|
|
|
|
display: none; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
&.im_history_loading_more_active { |
|
|
|
&.im_history_loading_more_active { |
|
|
|
visibility: visible; |
|
|
|
visibility: visible; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.progress-arc-wrap { |
|
|
|
|
|
|
|
display: block; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.im_history_loading_less { |
|
|
|
.im_history_loading_less { |
|
|
@ -2399,8 +2408,16 @@ a.im_message_fwd_photo { |
|
|
|
margin: 0 auto; |
|
|
|
margin: 0 auto; |
|
|
|
visibility: hidden; |
|
|
|
visibility: hidden; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.progress-arc-wrap { |
|
|
|
|
|
|
|
display: none; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
&.im_history_loading_less_active { |
|
|
|
&.im_history_loading_less_active { |
|
|
|
visibility: visible; |
|
|
|
visibility: visible; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.progress-arc-wrap { |
|
|
|
|
|
|
|
display: block; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
@ -2599,8 +2616,11 @@ img.img_fullsize { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
/* Message composer */ |
|
|
|
/* Message composer */ |
|
|
|
|
|
|
|
.composer_progress_enabled-add, |
|
|
|
|
|
|
|
.composer_progress_enabled-remove { |
|
|
|
|
|
|
|
transition-duration: 0.2s; |
|
|
|
|
|
|
|
} |
|
|
|
.composer_progress_icon_wrap { |
|
|
|
.composer_progress_icon_wrap { |
|
|
|
opacity: 0; |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
right: 3px; |
|
|
|
right: 3px; |
|
|
|
top: 2px; |
|
|
|
top: 2px; |
|
|
@ -2610,14 +2630,22 @@ img.img_fullsize { |
|
|
|
margin-top: 1px; |
|
|
|
margin-top: 1px; |
|
|
|
pointer-events: none; |
|
|
|
pointer-events: none; |
|
|
|
padding: 0; |
|
|
|
padding: 0; |
|
|
|
transition: opacity cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s; |
|
|
|
display: none; |
|
|
|
|
|
|
|
opacity: 0; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.composer_progress_enabled-add &, |
|
|
|
|
|
|
|
.composer_progress_enabled-remove & { |
|
|
|
|
|
|
|
transition: opacity cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s; |
|
|
|
|
|
|
|
display: block; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.composer_progress_enabled & { |
|
|
|
.composer_progress_enabled & { |
|
|
|
|
|
|
|
display: block; |
|
|
|
opacity: 1; |
|
|
|
opacity: 1; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.composer_emoji_insert_btn { |
|
|
|
.composer_emoji_insert_btn { |
|
|
|
opacity: 1; |
|
|
|
opacity: 1; |
|
|
|
display: block; |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
right: 3px; |
|
|
|
right: 3px; |
|
|
|
top: 2px; |
|
|
|
top: 2px; |
|
|
@ -2627,11 +2655,19 @@ img.img_fullsize { |
|
|
|
width: 22px; |
|
|
|
width: 22px; |
|
|
|
height: 22px; |
|
|
|
height: 22px; |
|
|
|
margin-top: 1px; |
|
|
|
margin-top: 1px; |
|
|
|
transition: opacity cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s; |
|
|
|
display: block; |
|
|
|
|
|
|
|
opacity: 1; |
|
|
|
|
|
|
|
|
|
|
|
.composer_progress_enabled & { |
|
|
|
.composer_progress_enabled & { |
|
|
|
|
|
|
|
display: none; |
|
|
|
opacity: 0; |
|
|
|
opacity: 0; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.composer_progress_enabled-add &, |
|
|
|
|
|
|
|
.composer_progress_enabled-remove & { |
|
|
|
|
|
|
|
transition: opacity cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s; |
|
|
|
|
|
|
|
display: block; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.icon-emoji { |
|
|
|
.icon-emoji { |
|
|
|