From c043e8dcf76b2d78abdeaa3264f440ca2db81c65 Mon Sep 17 00:00:00 2001 From: Brian Talbot Date: Wed, 13 May 2015 22:04:52 -0400 Subject: [PATCH] LMS: removing now unnecessary IE-specific _ie.scss Sass partial * since IE9 and below are formally not supported any longer * since most of the CSS rules are for UI that has been removed or that is supported by modern browsers --- lms/envs/common.py | 2 - lms/static/sass/ie.scss | 199 ---------------------------------------- 2 files changed, 201 deletions(-) delete mode 100644 lms/static/sass/ie.scss diff --git a/lms/envs/common.py b/lms/envs/common.py index 3a31afbb7b..b4a9099b06 100644 --- a/lms/envs/common.py +++ b/lms/envs/common.py @@ -1272,14 +1272,12 @@ PIPELINE_CSS = { 'style-main': { 'source_filenames': [ 'sass/lms-main.css', - 'sass/ie.css' ], 'output_filename': 'css/lms-main.css', }, 'style-main-rtl': { 'source_filenames': [ 'sass/lms-main-rtl.css', - 'sass/ie-rtl.css' ], 'output_filename': 'css/lms-main-rtl.css', }, diff --git a/lms/static/sass/ie.scss b/lms/static/sass/ie.scss deleted file mode 100644 index b4acb8dfa1..0000000000 --- a/lms/static/sass/ie.scss +++ /dev/null @@ -1,199 +0,0 @@ -@import "bourbon/bourbon"; -@import "base/variables"; - -// These are all quick solutions for IE please rewrite -.ie { - - //Make overlay white because ie doesn't like rgba - .highlighted-courses .courses .course header.course-preview, .find-courses .courses .course header.course-preview, - .home .highlighted-courses > h2, .home .highlighted-courses > section.outside-app h1, section.outside-app .home .highlighted-courses > h1, - header.global { - background: $white; - } - - // hide all actions - .home > header .title .actions, - .home > header .title:hover .actions, - .home > header .title:focus .actions { - display: none; - height: auto; - } - - .home > header .title { - &:hover, &:focus { - - > hgroup { - h1 { - border-bottom: 0; - padding-bottom: 0; - } - - h2 { - opacity: 1.0; - } - } - - .actions { - opacity: 0; - } - } - } - - // because ie doesn't like :last - .last { - margin-right: 0 !important; - } - - // make partners not animate - .home .university-partners .partners a { - .name { - position: static; - } - - &:hover, &:focus { - text-decoration: none; - - &::before { - opacity: 1.0; - } - - .name { - bottom: 0px; - } - - img { - top: 0px; - } - } - - } - - .home .university-partners .partners { - width: 660px; - - li.partner { - float: left; - display: block; - padding: 0; - width: 220px; - overflow: hidden; - } - } - - // make animations on homepage not animate and show everything - .highlighted-courses .courses .course, .find-courses .courses .course { - .meta-info { - display: none; - } - - .inner-wrapper { - height: 100%; - overflow: visible; - position: relative; - } - - header.course-preview { - left: 0px; - position: relative; - top: 0px; - width: 100%; - z-index: 3; - height: auto; - - hgroup { - position: relative; - right: 0; - top: 0; - } - - } - - .info { - height: auto; - position: static; - overflow: visible; - - .desc { - height: auto; - } - } - - &:hover, &:focus { - background: rgb(245,245,245); - border-color: rgb(170,170,170); - box-shadow: 0 1px 16px 0 rgba($blue, 0.4); - - .info { - top: 0; - } - - .meta-info { - opacity: 0; - } - } - } - - // make overlay flat black since IE cant handle rgba - #lean_overlay { - background: $black; - } - - // active navigation - nav.wrapper-course-material ol.course-tabs li a.active, nav.wrapper-course-material .xmodule_SequenceModule nav.sequence-nav ol.course-tabs li a.seq_video.active, .xmodule_SequenceModule nav.sequence-nav nav.wrapper-course-material ol.course-tabs li a.seq_video.active { - background-color: #333; - background-color: rgba(0, 0, 0, .4); - } - - // make dropdown user consistent size - header.global ol.user > li.primary a.dropdown { - padding-top: 6px; - padding-bottom: 6px; - } - - // always hide arrow in IE - .dashboard .my-courses .my-course .cover .arrow { - display: none; - } - - div.course-wrapper { - display: block !important; - - section.course-content, - div.course-index { - display: block !important; - float: left; - } - - section.course-content { - width: 71.27%; - } - } - - .sidebar { - float: left !important; - display: block !important; - } - - .sequence-nav ol { - display: block !important; - - li { - float: left !important; - width: 50px; - } - } - - .course-wrapper { - @include clearfix(); - } -} - -// ==================== - -// CASE: IE9 -.lte9 { - - .ie-banner { - display: block !important; - } -}