UI enhancement: made the 'back to the Gallery' links a little bit easier to discover

5 files changed, 25 insertions, 9 deletions

diff --git a/themes/admin_default/css/screen.css b/themes/admin_default/css/screen.css
index f4173d4b..629d0451 100644
--- a/themes/admin_default/css/screen.css
+++ b/themes/admin_default/css/screen.css
@@ -98,12 +98,28 @@
  * 4) Content blocks in specific layout containers
  *********************************************************************/
 
-#gHeader #gLogo {
+#gHeader #gLogo img {
   float: left;
   margin: -22px 10px 0 0;
 }
 
-.rtl #gHeader #gLogo {
+#gHeader #gLogo {
+  position: relative;
+  display: block;
+  text-decoration: none;
+}
+#gHeader #gLogo span {
+  display: none;
+  position: absolute;
+  top: -20px;
+  left: 2px;
+  color: #FF6600;
+}
+#gHeader #gLogo:hover span {
+  display: inline;
+}
+
+.rtl #gHeader #gLogo img {
   float: left;
 }
 
diff --git a/themes/admin_default/views/admin.html.php b/themes/admin_default/views/admin.html.php
index 36deea9e..1be454c3 100644
--- a/themes/admin_default/views/admin.html.php
+++ b/themes/admin_default/views/admin.html.php
@@ -44,10 +44,10 @@
       <div id="gHeader">
         <?= $theme->admin_header_top() ?>
         <ul id="gLoginMenu">
-          <li class="first"><?= html::anchor("albums/1", t("Browse the Gallery")) ?></li>
+          <li class="first"><?= html::anchor("albums/1", "&larr; ".t("Back to the Gallery")) ?></li>
           <li id="gLogoutLink"><a href="<?= url::site("logout?continue=albums/1&csrf=$csrf") ?>"><?= t("Logout") ?></a></li>
         </ul>
-        <a href="<?= url::site("albums/1") ?>"><img src="<?= url::file("themes/default/images/logo.png") ?>" id="gLogo" alt="<?= t("Gallery 3: Your Photos on Your Web Site") ?>" /></a>
+        <a id="gLogo" href="<?= url::site("albums/1") ?>" title="<?= t("go back to the Gallery") ?>"><img src="<?= url::file("themes/default/images/logo.png") ?>" alt="<?= t("Gallery logo: Your Photos on Your Web Site") ?>" /><span>&larr; <?= t("back") ?></span></a>
         <div id="gSiteAdminMenu" style="display: none">
           <?= $theme->admin_menu() ?>
         </div>
diff --git a/themes/default/css/fix-ie.css b/themes/default/css/fix-ie.css
index 0b37acd2..3d9604e6 100644
--- a/themes/default/css/fix-ie.css
+++ b/themes/default/css/fix-ie.css
@@ -10,7 +10,7 @@
   zoom: 1;
 }
 
-#gHeader #gLogo {
+#gHeader #gLogo img {
   margin-top: 5px;
   margin-bottom: 0;
 }
diff --git a/themes/default/css/screen.css b/themes/default/css/screen.css
index e37de70e..48ded542 100644
--- a/themes/default/css/screen.css
+++ b/themes/default/css/screen.css
@@ -422,7 +422,7 @@ form .gError,
 
 /* Header  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
 
-#gHeader #gLogo {
+#gHeader #gLogo img {
   float: left;
   margin: -4px 10px 0 0;
 }
@@ -1046,7 +1046,7 @@ form .gError,
 .rtl input[type="submit"],
 .rtl input[type="reset"],
 .rtl .gShortForm li,
-.rtl #gHeader #gLogo,
+.rtl #gHeader #gLogo img,
 .rtl #gContent #gAlbumGrid .gItem,
 .rtl #gSiteMenu,
 .rtl .gBreadcrumbs li,
diff --git a/themes/default/views/header.html.php b/themes/default/views/header.html.php
index b38cffed..51f55b41 100644
--- a/themes/default/views/header.html.php
+++ b/themes/default/views/header.html.php
@@ -3,8 +3,8 @@
 <? if ($header_text = module::get_var("gallery", "header_text")): ?>
 <?= $header_text ?>
 <? else: ?>
-<a href="<?= url::site("albums/1") ?>">
-  <img width="107" height="48" id="gLogo" alt="<?= t("Gallery: Your photos on your web site") ?>" src="<?= $theme->theme_url("images/logo.png") ?>" />
+<a id="gLogo" href="<?= url::site("albums/1") ?>" title="<?= t("go back to the Gallery home") ?>">
+  <img width="107" height="48" alt="<?= t("Gallery logo: Your photos on your web site") ?>" src="<?= $theme->theme_url("images/logo.png") ?>" />
 </a>
 <? endif ?>