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

Improved desktop photo viewer

Browse Source
This commit is contained in:
Igor Zhukov 2014-11-30 10:56:19 -08:00
parent e5369fdf07
commit 6a2a94aa63
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
app/css/desktop.css
View File

@ -1089,6 +1089,7 @@ div.im_panel_own_photo {
max-width: 1000px; max-width: 1000px;
margin: 0 auto; margin: 0 auto;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
position: relative;
} }
.media_modal_title_wrap { .media_modal_title_wrap {
@ -1106,6 +1107,8 @@ div.im_panel_own_photo {
.media_modal_info_wrap { .media_modal_info_wrap {
line-height: 16px; line-height: 16px;
padding: 24px 20px; padding: 24px 20px;
position: absolute;
left: 0;
} }
.media_modal_author { .media_modal_author {
font-size: 13px; font-size: 13px;
@ -1130,6 +1133,8 @@ a.media_modal_date:hover {
} }
.media_modal_bottom_actions { .media_modal_bottom_actions {
width: 204px; width: 204px;
position: absolute;
right: 0;
} }
.media_modal_action_btn { .media_modal_action_btn {
float: left; float: left;

6
app/partials/desktop/photo_modal.html
View File

@ -10,7 +10,7 @@
<div class="media_modal_bottom_panel_wrap"> <div class="media_modal_bottom_panel_wrap">
<div class="media_modal_bottom_panel"> <div class="media_modal_bottom_panel">
<div class="media_modal_bottom_actions pull-right"> <div class="media_modal_bottom_actions">
<a class="media_modal_action_btn" ng-click="download()" title="{{'media_modal_download' | i18n}}"> <a class="media_modal_action_btn" ng-click="download()" title="{{'media_modal_download' | i18n}}">
<i class="media_modal_action_btn_download"></i> <i class="media_modal_action_btn_download"></i>
</a> </a>
@ -22,7 +22,7 @@
</a> </a>
</div> </div>
<div class="media_modal_info_wrap pull-left" ng-switch="messageID > 0"> <div class="media_modal_info_wrap" ng-switch="messageID > 0">
<a class="media_modal_author" my-user-link="photo.user_id" user-watch="true"></a> <a class="media_modal_author" my-user-link="photo.user_id" user-watch="true"></a>
<a ng-switch-when="true" ng-click="goToMessage()" class="media_modal_date" ng-bind="photo.date | dateOrTime :true"></a> <a ng-switch-when="true" ng-click="goToMessage()" class="media_modal_date" ng-bind="photo.date | dateOrTime :true"></a>
<span ng-switch-default class="media_modal_date" ng-bind="photo.date | dateOrTime :true"></span> <span ng-switch-default class="media_modal_date" ng-bind="photo.date | dateOrTime :true"></span>
@ -45,7 +45,7 @@
<div class="modal-body"> <div class="modal-body">
<div class="photo_modal_image_wrap" my-load-full-photo full-photo="photo.full" thumb-location="photo.thumb.location" ng-click="$close()"></div> <div class="photo_modal_image_wrap" my-load-full-photo full-photo="photo.full" thumb-location="photo.thumb.location" ng-click="nav.next()"></div>
</div> </div>