MDL-58302 block_myoverview: Set fixed height of items in courses view

Part of MDL-55611 epic.
ragusa87 · Apr 4, 2017 · 82afbfa · 82afbfa
1 parent aac4653
commit 82afbfa
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 1 deletion.
diff --git a/blocks/myoverview/templates/courses-view-course-item.mustache b/blocks/myoverview/templates/courses-view-course-item.mustache
@@ -29,7 +29,7 @@
     }
 }}
 <div class="col-lg-6 col-xl-4">
-    <div class="card m-b-1">
+    <div class="card m-b-1 courses-view-course-item">
         <div class="card-block course-info-container" id="course-info-container-{{id}}">
             <div class="hidden-sm-up hidden-phone">
                 {{> block_myoverview/progress-chart}}

diff --git a/theme/boost/scss/moodle/blocks.scss b/theme/boost/scss/moodle/blocks.scss
@@ -187,4 +187,9 @@ $doughnut-fill-colour: $brand-warning;
         height: 125px;
         width: 145px;
     }
+
+    .courses-view-course-item {
+        height: 220px;
+        overflow-y: hidden;
+    }
 }
diff --git a/theme/bootstrapbase/less/moodle/blocks.less b/theme/bootstrapbase/less/moodle/blocks.less
@@ -362,4 +362,9 @@
         height: 125px;
         width: 145px;
     }
+
+    .courses-view-course-item {
+        height: 220px;
+        overflow-y: hidden;
+    }
 }
diff --git a/theme/bootstrapbase/style/moodle.css b/theme/bootstrapbase/style/moodle.css
@@ -16344,6 +16344,10 @@ body {
   height: 125px;
   width: 145px;
 }
+.block_myoverview .courses-view-course-item {
+  height: 220px;
+  overflow-y: hidden;
+}
 /**
  * Moodle forms HTML isn't changeable via renderers (yet?) so this
  * .less file imports styles from the bootstrap @variables file and