From 600abc4103d08df4d19b3fac64aadcbb110f7464 Mon Sep 17 00:00:00 2001 From: Timo Tijhof Date: Sun, 21 Feb 2016 01:20:53 +0000 Subject: [PATCH] Make vectorMenu expand as tabs in IE6 Right now, Vector loads the csshover.htc extension in order to emulate CSS :hover support in IE6. This commit makes the vectorMenu expand as basic tabs instead. Thus allowing us to remove the csshover.htc extension. Note that the "page action" vector menu (p-cactions) is only created if it contains items. By default, the only actions in this menu are actions for logged-in users. For logged-out users, the menu isn't even on the page. The tabs aren't pretty, but they don't look broken either. Change-Id: Ibf2332ab0a0d9d7ba3ec03665ad61ca287750ad3 --- components/tabs.less | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/components/tabs.less b/components/tabs.less index 351f317..941979c 100644 --- a/components/tabs.less +++ b/components/tabs.less @@ -243,4 +243,23 @@ div.vectorMenu li.selected a:visited { text-decoration: none; } +// Expand vectorMenu as basic tabs in IE6 +// (IE6 doesn't support :hover on DIV) +* html div.vectorMenu div.menu { + display: block; + position: static; + border: 0; +} +* html div#mw-head div.vectorMenu h3 { + display: none; +} +* html div.vectorMenu li { + float: left; + line-height: 1.125em; + border-right: 1px solid #a7d7f9; +} +* html div.vectorMenu li a { + padding-top: 1.25em; +} + @import 'watchstar.less';