From 73eb37394d6e2f18b94b5d04edbbbf1860307132 Mon Sep 17 00:00:00 2001
From: Volker E <volker.e@wikimedia.org>
Date: Wed, 23 May 2018 08:19:49 +0200
Subject: [PATCH] Remove special Vector tabs CSS for IE 6

Removing special CSS for Internet Explorer 6.
It's mid 2018 and users will still be able to read
the content if they have to.

Change-Id: I0f98c61cf9108c0a91769e9b7044023b01f974ed
---
 components/tabs.less | 51 ++++----------------------------------------
 1 file changed, 4 insertions(+), 47 deletions(-)

diff --git a/components/tabs.less b/components/tabs.less
index ea5d82cde..29d46052c 100644
--- a/components/tabs.less
+++ b/components/tabs.less
@@ -30,8 +30,7 @@ div.vectorTabs {
 		li {
 			float: left;
 			line-height: 1.125em;
-			/* For IE6, overridden later to display:block by modern browsers */
-			display: inline-block;
+			display: block;
 			height: 100%;
 			margin: 0;
 			padding: 0;
@@ -40,11 +39,6 @@ div.vectorTabs {
 			background-repeat: repeat-x;
 			white-space: nowrap;
 		}
-
-		/* IGNORED BY IE6 which doesn't support child selector */
-		> li {
-			display: block;
-		}
 	}
 
 	li {
@@ -72,8 +66,7 @@ div.vectorTabs {
 		}
 
 		a {
-			/* For IE6, overridden later to display:block by modern browsers */
-			display: inline-block;
+			display: block;
 			height: 1.9em;
 			padding-left: 0.625em; // equals `8px` at computed `font-size` of `12.8px`
 			padding-right: 0.625em;
@@ -81,11 +74,6 @@ div.vectorTabs {
 			cursor: pointer;
 			font-size: 0.8em;
 		}
-
-		/* Ignored by IE6 which doesn't support child selector */
-		> a {
-			display: block;
-		}
 	}
 
 	span {
@@ -96,15 +84,9 @@ div.vectorTabs {
 		height: 100%;
 
 		a {
-			/* For IE6, overridden later to display:block by modern browsers */
-			display: inline-block;
-			padding-top: 1.25em;
-		}
-
-		/* Ignored by IE6 which doesn't support child selector */
-		> a {
 			float: left;
 			display: block;
+			padding-top: 1.25em;
 		}
 	}
 }
@@ -235,9 +217,8 @@ div.vectorMenu li {
 	line-height: 1em;
 }
 
-/* OVERRIDDEN BY COMPLIANT BROWSERS */
 div.vectorMenu li a {
-	display: inline-block;
+	display: block;
 	padding: 0.625em;
 	white-space: nowrap;
 	color: @menu-link-color;
@@ -245,11 +226,6 @@ div.vectorMenu li a {
 	font-size: 0.8em;
 }
 
-/* IGNORED BY IE6 */
-div.vectorMenu li > a {
-	display: block;
-}
-
 div.vectorMenu li.selected a,
 div.vectorMenu li.selected a:visited {
 	color: #222;
@@ -277,23 +253,4 @@ div.vectorMenu li.selected a:visited {
 	display: block;
 }
 
-// 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';