From e8f56c43749d9872f80642b0f1f0b058ff25c80d Mon Sep 17 00:00:00 2001
From: Angie Byron <webchick@24967.no-reply.drupal.org>
Date: Sun, 12 Apr 2009 02:37:56 +0000
Subject: #323112 follow-up by kkaefer: Make tab titles enclosed in <strong>
 tags to indicate importance from surrounding text.

---
 misc/vertical-tabs.css | 7 ++++++-
 misc/vertical-tabs.js  | 2 +-
 2 files changed, 7 insertions(+), 2 deletions(-)

(limited to 'misc')

diff --git a/misc/vertical-tabs.css b/misc/vertical-tabs.css
index 7a5887cad..dd5896f95 100644
--- a/misc/vertical-tabs.css
+++ b/misc/vertical-tabs.css
@@ -47,6 +47,11 @@
 .vertical-tabs-list li a:hover {
   text-decoration: none;
 }
+.vertical-tabs-list li strong {
+  /* Strong tags are used around tab titles to indicate importance; however,
+     only the currently active tab should actually look bold. */
+  font-weight:normal;
+}
 .vertical-tabs-list li.selected {
   background: #fff;
   border-right-width: 0;
@@ -55,7 +60,7 @@
 .vertical-tabs-list li.selected a:focus {
   outline: 0;
 }
-.vertical-tabs-list li.selected .title {
+.vertical-tabs-list li.selected strong {
   font-weight: bold;
   color: #000;
 }
diff --git a/misc/vertical-tabs.js b/misc/vertical-tabs.js
index a27a3d3ec..045a5b7a3 100644
--- a/misc/vertical-tabs.js
+++ b/misc/vertical-tabs.js
@@ -110,7 +110,7 @@ Drupal.theme.prototype.verticalTab = function(settings) {
   var tab = {};
   tab.item = $('<li class="vertical-tab-button"></li>')
     .append(tab.link = $('<a href="#"></a>')
-      .append(tab.title = $('<span class="title"></span>').text(settings.title))
+      .append(tab.title = $('<strong></strong>').text(settings.title))
       .append(tab.summary = $('<span class="summary"></span>')
     )
   );
-- 
cgit v1.2.3