extern/egroupware_official
1
0
Fork 0
mirror of https://github.com/EGroupware/egroupware.git synced 2024-11-23 00:13:35 +01:00
Code Issues Packages Projects Releases Wiki Activity

Set thumbnail size on expose to 128 height, and style them

Browse Source
This commit is contained in:
Hadi Nategh 2015-01-21 17:54:35 +00:00
parent a622113b0b
commit b9da0b6d4c
2 changed files with 25 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
etemplate/js/et2_widget_vfs.js
View File

@ -344,7 +344,7 @@ var et2_vfsMime = expose(et2_valueWidget.extend([et2_IDetachedDOM],
title: _value.name,
href: base_url + _value.download_url,
type: _value.mime,
thumbnail: _value.path && _value.mime ? this.egw().mime_icon(_value['mime'], _value['path']) : this.image.attr('src')
thumbnail: _value.path && _value.mime ? this.egw().mime_icon(_value['mime'], _value['path']) + '&thheight=128' : this.image.attr('src')+ '&thheight=128'
}];
}
return mediaContent;

28
etemplate/templates/default/etemplate2.css
View File

@ -1760,12 +1760,13 @@ span.et2_egw_action_ddHelper_itemsCnt {
left: 0px;
right: auto;
white-space: nowrap;
bottom:0;
}
/*Carousel thumbnails*/
.blueimp-gallery>.indicator>li {
display: inline-block;
width: 46px;
height: 46px;
width: 134px;
height: 100px;
margin: none;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
@ -1775,13 +1776,32 @@ span.et2_egw_action_ddHelper_itemsCnt {
background: rgba(255, 255, 255, 0.17)center no-repeat;
border-radius: 5px;
box-shadow: 0 0 2px #000;
opacity: .5;
opacity: 1;
cursor: pointer;
background-repeat: no-repeat;
margin: 2px;
margin: 1px;
border:0;
background-size: content;
}
/*Thumbnail border on hover*/
.blueimp-gallery>.indicator>li:hover {
-webkit-box-shadow: inset 0px 1px 0px 4px rgba(255, 255, 255, 1);
-moz-box-shadow: inset 0px 1px 0px 4px rgba(255, 255, 255, 1);
box-shadow: inset 0px 1px 0px 4px rgba(255, 255, 255, 1);
}
/*Active thumbnail border*/
.blueimp-gallery>.indicator>.active
{
-webkit-box-shadow: inset 0px 1px 0px 4px #0c5da5;
-moz-box-shadow: inset 0px 1px 0px 4px #0c5da5;
box-shadow: inset 0px 1px 0px 4px #0c5da5;
}
/*Slideshow Play/Pause button*/
.blueimp-gallery>.play-pause{
right: 42px;
top: 23px;
}
/*Give room to Carousel indicator when the gallery controls is on*/
.blueimp-gallery-controls>.slides {
height:85%;
}