fix style bug in IE: make the scroll bar overlay the content so it doesn't increase the width of the container and ruin the all the layout
authorrougeronj
Thu, 17 Sep 2015 18:19:30 +0200
changeset 151 bbf1f87578fe
parent 150 ea8c729441eb
child 152 4914a246ae46
fix style bug in IE: make the scroll bar overlay the content so it doesn't increase the width of the container and ruin the all the layout
server/src/remie/static/remie/css/style.css
server/src/remie/static/remie/css/teacher.css
--- a/server/src/remie/static/remie/css/style.css	Thu Sep 17 14:00:38 2015 +0200
+++ b/server/src/remie/static/remie/css/style.css	Thu Sep 17 18:19:30 2015 +0200
@@ -6,6 +6,7 @@
 html, body{
     margin:0;
     padding:6px;
+    -ms-overflow-style: -ms-autohiding-scrollbar;
 }
 
 #media_panel{
@@ -288,6 +289,10 @@
 
 /* -------- Override AnnotationsList style -------- */
 
+#AnnotationsList_container .Ldt-AnnotationsListWidget{
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+}
+
 ul.Ldt-AnnotationsList-ul li:nth-child(2n+1){
     background-color: #f0f5f6;
 }
--- a/server/src/remie/static/remie/css/teacher.css	Thu Sep 17 14:00:38 2015 +0200
+++ b/server/src/remie/static/remie/css/teacher.css	Thu Sep 17 18:19:30 2015 +0200
@@ -43,12 +43,12 @@
 
 .Ldt-AnnotationsList-Filters .Ldt-AnnotationsList-filter-date {
     background: rgba(0, 0, 0, 0) url("../metadataplayer/img/calendar.png") no-repeat scroll left center / 26px auto;
-    overflow: scroll;
     text-indent: -100%;
     white-space: nowrap;
     display: inline-flex;
     padding-top: 1px;
     height: 25px;
+    overflow: hidden;
 }
 
 .Ldt-AnnotationsList-Filters .Ldt-AnnotationsList-filter-date .Ldt-AnnotationsList-dateFilter{