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: [PATCH] #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 +-
themes/garland/style.css | 2 +-
3 files changed, 8 insertions(+), 3 deletions(-)
diff --git a/misc/vertical-tabs.css b/misc/vertical-tabs.css
index 7a5887cada9b..dd5896f95ecd 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 a27a3d3ec791..045a5b7a3329 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>')
)
);
diff --git a/themes/garland/style.css b/themes/garland/style.css
index 7ea1f7e6c16e..6e7bdb887d11 100644
--- a/themes/garland/style.css
+++ b/themes/garland/style.css
@@ -894,7 +894,7 @@ div.vertical-tabs ul.vertical-tabs-list li.selected.first {
background-image: url(images/gradient-inner.png);
}
-div.vertical-tabs ul.vertical-tabs-list li.selected a .title {
+div.vertical-tabs ul.vertical-tabs-list li.selected a strong {
color: #494949;
}
--
GitLab