improved look of directories not containing images directly

diff --git a/apps/gallery/lib/tiles.php b/apps/gallery/lib/tiles.php
index 48b54f0cf0e5baea8f5bda1704ef5d315ab77acb..817939759d01c0c40e61afe031cb66e299c5cdfa 100644 (file)
--- a/apps/gallery/lib/tiles.php
+++ b/apps/gallery/lib/tiles.php
@@ -63,7 +63,7 @@ class TilesLine {
                                $img_w = $this->tiles_array[$i]->getWidth();
                                $extra = '';
                                if ($img_w != IMAGE_WIDTH) $extra = ' style="width:'.$img_w.'px"';
-                               $r .= '<div class="gallery_div" '.$extra.' onmouseover="'.$this->tiles_array[$i]->getOnHoverAction().'" onmouseout="'.$this->tiles_array[$i]->getOnOutAction().'" onclick="'.$this->tiles_array[$i]->getOnClickAction().'">'.$this->tiles_array[$i]->get().'</div>';
+                               $r .= '<div class="gallery_div" '.$extra.' onmouseover="'.$this->tiles_array[$i]->getOnHoverAction().'" onmouseout="'.$this->tiles_array[$i]->getOnOutAction().'" onclick="'.$this->tiles_array[$i]->getOnClickAction().'" style="background-color:#ddd">'.$this->tiles_array[$i]->get().'</div>';
                }
                
                $r .= '</div>';
@@ -148,7 +148,7 @@ class TileStack extends TileBase {
                $r = '<div class="title gallery_div">'.$this->stack_name.'</div>';
                if(count($this->tiles_array) == 0) {
                        // aint no pictures in this folder...
-                       $r.='<div class="miniature_border gallery_div" style="border:2px solid; margin-right: 2px;"></div>';
+                       $r.='<div class="miniature_border gallery_div"></div>';
                } else {
                        for ($i = 0; $i < count($this->tiles_array); $i++) {
                                $top = rand(-5, 5);

diff --git a/apps/gallery/templates/index.php b/apps/gallery/templates/index.php
index 5cff2c65a00d34a496f52e0c965150e58117cb14..42ef9f658719a9da7ad009c5e748fe8dd95f3d85 100644 (file)
--- a/apps/gallery/templates/index.php
+++ b/apps/gallery/templates/index.php
@@ -9,7 +9,7 @@ div.miniature_border {position:absolute; height: 150px; -moz-transition-duration
 div.line {display:inline-block; border: 0; width: auto; height: 160px}
 div.gallery_div img{position:absolute; top: 1; left: 0; -moz-transition-duration: 0.3s; -o-transition-duration:0.3s; -webkit-transition-duration: 0.3s; height:150px; width: auto;}
 div.gallery_div img.shrinker {width:80px !important;}
-div.title { opacity: 0; text-align: center; vertical-align: middle; font-family: Arial; font-size: 12px; border: 0; position: absolute; text-overflow: ellipsis; bottom: 20px; left:5px; height:auto; padding: 5px; width: 140px; background-color: black; color: white; -webkit-transition: opacity 0.5s;  z-index:1000; border-radius: 7px}
+div.title { opacity: 0; text-align: center; vertical-align: middle; font-family: Arial; font-size: 12px; border: 0; position: absolute; text-overflow: ellipsis; bottom: 20px; right:-5px; height:auto; padding: 5px; width: 140px; background-color: black; color: white; -webkit-transition: opacity 0.5s;  z-index:1000; border-radius: 7px}
 div.visible { opacity: 0.8;}
 </style>
 <script type="text/javascript">
@@ -59,7 +59,7 @@ function deplode(element) {
 function openNewGal(album_name) {
        root = root + album_name + "/";
        var url = window.location.toString().replace(window.location.search, '');
-  url = url + "?app=gallery&root="+encodeURIComponent(root);
+       url = url + "?app=gallery&root="+encodeURIComponent(root);
        
        window.location = url;
 }