From b9da0b6d4cd2a63ed77846a2128c5156e58ebd01 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hn@stylite.de>
Date: Wed, 21 Jan 2015 17:54:35 +0000
Subject: [PATCH] Set thumbnail size on expose to 128 height, and style them

---
 etemplate/js/et2_widget_vfs.js             |  2 +-
 etemplate/templates/default/etemplate2.css | 28 ++++++++++++++++++----
 2 files changed, 25 insertions(+), 5 deletions(-)

diff --git a/etemplate/js/et2_widget_vfs.js b/etemplate/js/et2_widget_vfs.js
index 1120347097..fc0de29171 100644
--- a/etemplate/js/et2_widget_vfs.js
+++ b/etemplate/js/et2_widget_vfs.js
@@ -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;
diff --git a/etemplate/templates/default/etemplate2.css b/etemplate/templates/default/etemplate2.css
index 1da6a6bed6..e0b7de067f 100644
--- a/etemplate/templates/default/etemplate2.css
+++ b/etemplate/templates/default/etemplate2.css
@@ -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%;
 }
\ No newline at end of file