From 811a5a1b2602afec2535b7f7e0da942fcee7462b Mon Sep 17 00:00:00 2001
From: Cameron <cameron@e107coders.org>
Date: Sun, 24 Mar 2013 05:34:06 -0700
Subject: [PATCH] Media-Manager thumbnail scaling

---
 e107_handlers/media_class.php     |  6 +++---
 e107_web/js/core/admin.jquery.css | 15 +++++++++++++--
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/e107_handlers/media_class.php b/e107_handlers/media_class.php
index e3f48caf3..7b60ce80f 100644
--- a/e107_handlers/media_class.php
+++ b/e107_handlers/media_class.php
@@ -569,7 +569,7 @@ class e_media
 	
 		$prevAtt		= '&aw='.vartrue($option['w'],$w); // .'&ah=100';	// Image Parsed back to Form as PREVIEW image. 	
 		$prevId 		= $tagid."_prev"; // ID of image in Form. 
-		$thumbAtt		= 'aw=120&ah=100';	// Thumbnail of the Media-Manager Preview. 	
+		$thumbAtt		= 'aw=120&ah=120';	// Thumbnail of the Media-Manager Preview. 	
 		
 		
 		// EXAMPLE of FILTER GUI. 
@@ -606,7 +606,7 @@ class e_media
 		 	parent.document.getElementById('".$prevId."').src = '".e_IMAGE_ABS."generic/blank.gif';
 		 	 return false;";
 			
-			$text .= "<a class='{$class} media-select-none e-dialog-close' data-src='".varset($im['media_url'])."' style='vertical-align:middle;display:block;float:left;' href='#' onclick=\"{$onclick_clear}\" >
+			$text .= "<a class='thumbnail {$class} media-select-none e-dialog-close' data-src='".varset($im['media_url'])."' style='vertical-align:middle;display:block;float:left;' href='#' onclick=\"{$onclick_clear}\" >
 			<div style='text-align:center;position: relative; top: 30%'>No image</div>
 			</a>";		
 		}
@@ -678,7 +678,7 @@ class e_media
 		 	
 		 	$img_url = ($cat !='_icon') ? e107::getParser()->thumbUrl($im['media_url'], $thumbAtt) : $media_path;
 			
-			$text .= "<a data-toggle='context' class='{$class} e-tip' data-id='{$im['media_id']}' data-width='{$w}' data-height='{$h}' data-src='{$media_path}' data-bbcode='{$data_bb}' data-target='{$tagid}' data-path='{$im['media_url']}' data-preview='{$realPath}' title=\"".$diz."\" style='float:left' href='#' onclick=\"{$onclicki}\" >";
+			$text .= "<a data-toggle='context' class='thumbnail {$class} e-tip' data-id='{$im['media_id']}' data-width='{$w}' data-height='{$h}' data-src='{$media_path}' data-bbcode='{$data_bb}' data-target='{$tagid}' data-path='{$im['media_url']}' data-preview='{$realPath}' title=\"".$diz."\" style='float:left' href='#' onclick=\"{$onclicki}\" >";
 			$text .= "<img class='image-rounded' src='".$img_url."' alt=\"".$im['media_title']."\" title=\"{$diz}\" />";
 			$text .= "</a>\n\n";
 		}	
diff --git a/e107_web/js/core/admin.jquery.css b/e107_web/js/core/admin.jquery.css
index eafab8420..0d50e322c 100644
--- a/e107_web/js/core/admin.jquery.css
+++ b/e107_web/js/core/admin.jquery.css
@@ -1,13 +1,24 @@
 
 /* ADMIN specific styling */
-
+/*
 a.media-select-image 		{ margin:5px; border:1px solid rgb(102, 102, 102); width:120px; height:100px; border-radius:4px }
 
 a.media-select-image:hover	{ border:1px solid red; }
+*/
+
+
+a.media-select-image,
+a.media-select-none 		{ margin:5px; text-decoration:none; width:80px; height:80px; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1), 0px 1px 7px 0px rgba(0, 0, 0, 0.8) inset; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);}
+
+@media (min-height: 500px){ 
+	a.media-select-image,
+	a.media-select-none 		{  width:120px; height:120px; }
+} 
+
 a.media-select-icon			{ text-align:center; vertical-align:middle; margin:1px; border:1px solid white; width:48px; height:48px;}
 a.media-select-icon:hover	{ border:1px solid red; }
 .media-select-container 	{ padding:10px; }
-.media-select-none			{ text-decoration:none; }
+
 .media-select-active		{ border: 2px solid silver; }
 
 .e-moving 					{ background-color: silver; }