Visualize focus state

git-svn-id: https://svn.roundcube.net/trunk@4824 208e9e7b-5314-0410-a742-e7e81cd9613c

2 files changed, 20 insertions, 11 deletions

diff --git a/plugins/jqueryui/themes/default/jquery-ui-1.8.12.custom.css b/plugins/jqueryui/themes/default/jquery-ui-1.8.12.custom.css
index f3fa82f5b..7e1f21e9e 100755
--- a/plugins/jqueryui/themes/default/jquery-ui-1.8.12.custom.css
+++ b/plugins/jqueryui/themes/default/jquery-ui-1.8.12.custom.css
@@ -72,6 +72,7 @@
 .ui-state-hover a, .ui-state-hover a:hover { color: #000000; text-decoration: none; }
 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #a4a4a4; background: #a3a3a3 url(images/ui-bg_highlight-hard_90_a3a3a3_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #000000; }
 .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000000; text-decoration: none; }
+.ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #c33; color: #c00; }
 .ui-widget :active { outline: none; }
 
 /* Interaction Cues
@@ -416,7 +417,7 @@
 button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
 .ui-button-icons-only { width: 3.4em; } 
 button.ui-button-icons-only { width: 3.7em; } 
-button.ui-button-text-only { background-image: url(images/buttongradient.png) !important; }
+button.ui-button-text-only, a.ui-button-text-only { background-image: url(images/buttongradient.png) !important; }
 
 /*button text element */
 .ui-button .ui-button-text { display: block; line-height: 1.4;  }
diff --git a/plugins/jqueryui/themes/default/roundcube-custom.diff b/plugins/jqueryui/themes/default/roundcube-custom.diff
index 87c36d46f..0ef358521 100644
--- a/plugins/jqueryui/themes/default/roundcube-custom.diff
+++ b/plugins/jqueryui/themes/default/roundcube-custom.diff
@@ -1,5 +1,5 @@
 --- jquery-ui-1.8.12.custom.css.orig	2011-05-02 14:50:40.000000000 +0200
-+++ jquery-ui-1.8.12.custom.css	2011-05-09 23:38:06.000000000 +0200
++++ jquery-ui-1.8.12.custom.css	2011-06-01 18:58:35.000000000 +0200
 @@ -61,7 +61,7 @@
  .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }
  .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #000000; }
@@ -9,7 +9,15 @@
  .ui-widget-header a { color: #333333; }
  
  /* Interaction states
-@@ -82,7 +82,7 @@
+@@ -72,6 +72,7 @@
+ .ui-state-hover a, .ui-state-hover a:hover { color: #000000; text-decoration: none; }
+ .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #a4a4a4; background: #a3a3a3 url(images/ui-bg_highlight-hard_90_a3a3a3_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #000000; }
+ .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #000000; text-decoration: none; }
++.ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #c33; color: #c00; }
+ .ui-widget :active { outline: none; }
+ 
+ /* Interaction Cues
+@@ -82,7 +83,7 @@
  .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cc3333; }
  .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cc3333; }
  .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
@@ -18,7 +26,7 @@
  .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
  
  /* Icons
-@@ -359,6 +359,8 @@
+@@ -359,6 +360,8 @@
  /* workarounds */
  * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
  
@@ -27,7 +35,7 @@
  /*
   * jQuery UI Menu 1.8.12
   *
-@@ -374,6 +376,8 @@
+@@ -374,6 +377,8 @@
  	margin: 0;
  	display:block;
  	float: left;
@@ -36,11 +44,11 @@
  }
  .ui-menu .ui-menu {
  	margin-top: -3px;
-@@ -412,10 +416,11 @@
+@@ -412,10 +417,11 @@
  button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
  .ui-button-icons-only { width: 3.4em; } 
  button.ui-button-icons-only { width: 3.7em; } 
-+button.ui-button-text-only { background-image: url(images/buttongradient.png) !important; }
++button.ui-button-text-only, a.ui-button-text-only { background-image: url(images/buttongradient.png) !important; }
  
  /*button text element */
  .ui-button .ui-button-text { display: block; line-height: 1.4;  }
@@ -49,7 +57,7 @@
  .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
  .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
  .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
-@@ -445,7 +450,7 @@
+@@ -445,7 +451,7 @@
   *
   * http://docs.jquery.com/UI/Dialog#theming
   */
@@ -58,7 +66,7 @@
  .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
  .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
  .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
-@@ -491,13 +496,16 @@
+@@ -491,13 +497,16 @@
   */
  .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
@@ -77,7 +85,7 @@
  /*
   * jQuery UI Datepicker 1.8.12
   *
-@@ -507,7 +515,7 @@
+@@ -507,7 +516,7 @@
   *
   * http://docs.jquery.com/UI/Datepicker#theming
   */
@@ -86,7 +94,7 @@
  .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
  .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
-@@ -525,6 +533,7 @@
+@@ -525,6 +534,7 @@
  .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
  .ui-datepicker td { border: 0; padding: 1px; }
  .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }