[styles] Remove Internet Explorer 8 specific hacks and workarounds

Bug: T261378
Change-Id: If51f20137a001276800fafb97ed4ceb53617ae79
This commit is contained in:
Volker E 2020-08-27 01:23:33 -07:00
parent 6fe1f39950
commit 5bffb899a8
4 changed files with 0 additions and 42 deletions

View file

@ -23,8 +23,6 @@
// The search input.
#searchInput {
// Support IE6-8: Fallback for browsers, which don't support `rgba()`.
background-color: @background-color-base;
background-color: rgba( 255, 255, 255, 0.5 );
color: @color-base--emphasized;
width: 100%;

View file

@ -1,32 +0,0 @@
/*!
* Convert watchstar to text label in IE 8.
*
* Hide the SVG icon and show the text label instead.
* This is in a separate file because it uses a
* @media query, which can't be nested, so we need to include
* this outside the overall '@media screen'.
*/
// stylelint-disable no-duplicate-selectors
// Support IE 8: Show label instead (Grade C).
// See https://stackoverflow.com/a/17699986/1696030
// https://keithclark.co.uk/articles/moving-ie-specific-css-into-media-blocks/media-tests/
@ie8-media-start: ~'@media \0screen {';
@ie8-media-end: ~'} after';
@{ie8-media-start}
.vector-menu-tabs .mw-watchlink.icon a {
width: auto;
height: auto;
// Copied from 'MenuTabs.less'.
padding: 1.25em 8px 0 8px;
}
// LESS nesting doesn't work in this hack.
.vector-menu-tabs .mw-watchlink.icon a:before {
display: none;
}
// Bogus extra rule for LESS compiler to render `@media` ending bracket.
@{ie8-media-end} {
/* This comment makes the block non-empty. */
}

View file

@ -22,10 +22,6 @@
@import 'Footer.less';
}
// Support: IE8
// Media query hack required.
@import 'TabWatchstarLink-ie8.less';
@media print {
@import 'common/print.less';
}

View file

@ -27,10 +27,6 @@
@import 'Logo.less';
}
// Support: IE8
// Media query hack required.
@import 'TabWatchstarLink-ie8.less';
@media print {
@import 'common/print.less';
@import 'layout-print.less';