r4sas/webogram-i2p
1
0
Fork 0
Code Issues Releases Wiki Activity

Improved keyboard selection

Browse Source 
for gallery inline results
This commit is contained in:
Igor Zhukov 2016-02-10 22:19:47 +03:00
parent 87a8e6c6a5
commit b88c21597b
2 changed files with 18 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
app/less/app.less
View File

@ -3117,7 +3117,7 @@ a.composer_command_option:hover .composer_command_desc,
.user-select(text); .user-select(text);
&:empty:before { &:empty::before {
content: attr(placeholder); content: attr(placeholder);
color: #9aa2ab; color: #9aa2ab;
display: block; display: block;
@ -3125,8 +3125,8 @@ a.composer_command_option:hover .composer_command_desc,
margin-left: 1px; margin-left: 1px;
pointer-events: none; pointer-events: none;
} }
&:empty:active:before, &:empty:active::before,
&:empty:focus:before { &:empty:focus::before {
opacity: 0.75; opacity: 0.75;
} }
@ -3279,7 +3279,6 @@ _:-ms-lang(x), .composer_rich_textarea:empty:focus:before {
} }
} }
.composer_dropdown > li.inline_result_gif > a, .composer_dropdown > li.inline_result_gif > a,
.composer_dropdown > li.inline_result_photo > a { .composer_dropdown > li.inline_result_photo > a {
padding: 0; padding: 0;
@ -3287,6 +3286,18 @@ _:-ms-lang(x), .composer_rich_textarea:empty:focus:before {
display: block; display: block;
overflow: hidden; overflow: hidden;
} }
li.inline_result_gif.composer_autocomplete_option_active a,
li.inline_result_photo.composer_autocomplete_option_active a {
position: relative;
.inline_result_ind {
display: block;
background: rgba(255,255,255,0.3);
width: 100%;
height: 100%;
position: absolute;
}
}
.inline_result_gif .img_gif_video, .inline_result_gif .img_gif_video,
.inline_result_photo .inline_result_photo_image { .inline_result_photo .inline_result_photo_image {
object-fit: cover; object-fit: cover;

3
app/partials/desktop/inline_results.html
View File

@ -2,6 +2,7 @@
<li class="inline_result_wrap" ng-class="'inline_result_' + result.type" ng-repeat="result in botResults.results track by result.qID" ng-switch="result.type"> <li class="inline_result_wrap" ng-class="'inline_result_' + result.type" ng-repeat="result in botResults.results track by result.qID" ng-switch="result.type">
<a ng-switch-when="gif" class="img_gif_with_progress_wrap" data-inlineid="{{result.qID}}" ng-style="::{width: result.thumbW, height: result.thumbH}" ng-switch="result._"> <a ng-switch-when="gif" class="img_gif_with_progress_wrap" data-inlineid="{{result.qID}}" ng-style="::{width: result.thumbW, height: result.thumbH}" ng-switch="result._">
<div class="inline_result_ind"></div>
<div ng-switch-when="botInlineMediaResultDocument" ng-switch="result.document.url !== undefined" class="inline_result_gif_mtproto"> <div ng-switch-when="botInlineMediaResultDocument" ng-switch="result.document.url !== undefined" class="inline_result_gif_mtproto">
<div ng-switch-when="true" ng-switch="result.document.mime_type == 'video/mp4'"> <div ng-switch-when="true" ng-switch="result.document.mime_type == 'video/mp4'">
<video ng-switch-when="true" width="{{result.thumbW}}" height="{{result.thumbH}}" loop autoplay class="img_gif_video"> <video ng-switch-when="true" width="{{result.thumbW}}" height="{{result.thumbH}}" loop autoplay class="img_gif_video">
@ -25,11 +26,13 @@
</a> </a>
<a ng-switch-when="photo" data-inlineid="{{result.qID}}" ng-style="::{width: result.thumbW, height: result.thumbH}" ng-switch="result._"> <a ng-switch-when="photo" data-inlineid="{{result.qID}}" ng-style="::{width: result.thumbW, height: result.thumbH}" ng-switch="result._">
<div class="inline_result_ind"></div>
<div ng-switch-when="botInlineMediaResultPhoto" class="inline_result_photo_mtproto"> <div ng-switch-when="botInlineMediaResultPhoto" class="inline_result_photo_mtproto">
<img <img
class="inline_result_photo_image" class="inline_result_photo_image"
my-load-thumb my-load-thumb
thumb="result.thumb" thumb="result.thumb"
ng-style="::{width: result.thumbW, height: result.thumbH}"
/> />
</div> </div>
<div ng-switch-default ng-switch="result.contentUrl !== undefined" class="inline_result_photo_http"> <div ng-switch-default ng-switch="result.contentUrl !== undefined" class="inline_result_photo_http">