Moved the upload / download arrow into the background image.

PT: 1697902 Jira: KTS-4509 Committed by: Megan Watson

Moved the upload / download arrow into the background image.
PT: 1697902 Jira: KTS-4509 Committed by: Megan Watson
Megan Watson
1 parent 9cc1b9a4
Showing 6 changed files with 19 additions and 23 deletions
lib/widgets/portlet.inc.php
resources/css/kt-framing.css
resources/graphics/btn_right_down.gif
resources/graphics/btn_right_ro_down.gif
resources/graphics/btn_right_ro_up.gif
resources/graphics/btn_right_up.gif
@@ -5,7 +5,7 @@
  * KnowledgeTree Community Edition
  * Document Management Made Simple
  * Copyright (C) 2008, 2009 KnowledgeTree Inc.
- * 
+ *
  *
  * This program is free software; you can redistribute it and/or modify it under
  * the terms of the GNU General Public License version 3 as published by the
@@ -153,13 +153,12 @@ class KTActionPortlet extends KTPortlet {
  
         // Create button html
         $button = "<div class='portlet_button'>
-            <a href='$link'>
+            <a href='{$link}'>
                 <div class='big_btn_left'></div>
                 <div class='big_btn_middle'>
                     <div class='btn_text'>{$text}</div>
-                    <div class='{$class}'></div>
                 </div>
-                <div class='big_btn_right'></div>
+                <div class='big_btn_right {$class}'></div>
             </a>
         </div>";
  
@@ -1218,20 +1218,6 @@ The text will be hidden for screen view.  The generic fahrner-ish approach comes
     text-decoration: none;
 }
  
-.portlet_button a .arrow_download {
-    background: transparent url(../../resources/graphics/download_arrow.gif) center right no-repeat;
-    width: 20px;
-    height: 47px;
-    float: right;
-}
-
-.portlet_button a .arrow_upload {
-    background: transparent url(../../resources/graphics/upload_arrow.gif) center right no-repeat;
-    width: 20px;
-    height: 47px;
-    float: right;
-}
-
 .portlet_button a .big_btn_left {
     background: transparent url(../../resources/graphics/btn_left.gif) top left no-repeat;
     width: 10px;
@@ -1246,16 +1232,23 @@ The text will be hidden for screen view.  The generic fahrner-ish approach comes
     text-align: center;
     vertical-align: middle;
     align: center;
-    width: 89%;
+    width: 80%;
 }
  
 .portlet_button a .big_btn_right {
-    background: transparent url(../../resources/graphics/btn_right.gif) top right no-repeat;
     float: left;
-    width: 10px;
+    width: 25px;
     height: 47px;
 }
  
+.portlet_button a .arrow_upload{
+    background: transparent url(../../resources/graphics/btn_right_up.gif) top right no-repeat;
+}
+
+.portlet_button a .arrow_download{
+    background: transparent url(../../resources/graphics/btn_right_down.gif) top right no-repeat;
+}
+
 .portlet_button a:hover .big_btn_left {
     background: transparent url(../../resources/graphics/btn_left_ro.gif) top left no-repeat;
 }
@@ -1264,8 +1257,12 @@ The text will be hidden for screen view.  The generic fahrner-ish approach comes
     background: transparent url(../../resources/graphics/btn_middle_ro.gif) repeat-x;
 }
  
-.portlet_button a:hover .big_btn_right {
-    background: transparent url(../../resources/graphics/btn_right_ro.gif) top right no-repeat;
+.portlet_button a:hover .arrow_upload {
+    background: transparent url(../../resources/graphics/btn_right_ro_up.gif) top right no-repeat;
+}
+
+.portlet_button a:hover .arrow_download {
+    background: transparent url(../../resources/graphics/btn_right_ro_down.gif) top right no-repeat;
 }