Commit c043e8dc by Brian Talbot

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
parent d09d0a2c
...@@ -1272,14 +1272,12 @@ PIPELINE_CSS = { ...@@ -1272,14 +1272,12 @@ PIPELINE_CSS = {
'style-main': { 'style-main': {
'source_filenames': [ 'source_filenames': [
'sass/lms-main.css', 'sass/lms-main.css',
'sass/ie.css'
], ],
'output_filename': 'css/lms-main.css', 'output_filename': 'css/lms-main.css',
}, },
'style-main-rtl': { 'style-main-rtl': {
'source_filenames': [ 'source_filenames': [
'sass/lms-main-rtl.css', 'sass/lms-main-rtl.css',
'sass/ie-rtl.css'
], ],
'output_filename': 'css/lms-main-rtl.css', 'output_filename': 'css/lms-main-rtl.css',
}, },
......
@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;
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment