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
This commit is contained in:
@@ -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',
|
||||
},
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user