From 81d45266ca74de898545fa0b5f04f746c9a55a0e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Tue, 17 Dec 2019 16:39:46 +0100
Subject: [PATCH] MOBILE-3213 styles: Fix styles on timeline block

---
 .../timeline/components/events/events.scss    | 29 +++++++++++++++++++
 src/theme/dark.scss                           |  1 +
 2 files changed, 30 insertions(+)

diff --git a/src/addon/block/timeline/components/events/events.scss b/src/addon/block/timeline/components/events/events.scss
index 76da48072..e284f0d24 100644
--- a/src/addon/block/timeline/components/events/events.scss
+++ b/src/addon/block/timeline/components/events/events.scss
@@ -14,3 +14,32 @@ ion-app.app-root addon-block-timeline-events {
         pointer-events: auto;
     }
 }
+
+ion-app.app-root core-courses-course-progress addon-block-timeline-events {
+    @include media-breakpoint-up(md) {
+        .hidden-tablet {
+            display: block !important;
+            opacity: 1 !important;
+            &.button[disabled] {
+                opacity: .4 !important;
+            }
+        }
+        .hidden-phone {
+            display: none !important;
+            opacity: 0 !important;
+        }
+    }
+    @include media-breakpoint-up(lg) {
+        .hidden-tablet {
+            display: none !important;
+            opacity: 0 !important;
+        }
+        .hidden-phone {
+            display: block !important;
+            opacity: 1 !important;
+            &.button[disabled] {
+                opacity: .4 !important;
+            }
+        }
+    }
+}
diff --git a/src/theme/dark.scss b/src/theme/dark.scss
index 0e034de87..01c373d06 100644
--- a/src/theme/dark.scss
+++ b/src/theme/dark.scss
@@ -25,6 +25,7 @@ ion-app.app-root .ion-page {
       color: $core-dark-link-color;
     }
 
+    .core-tabs-bar,
     .core-tabs-bar *,
     .core-tabs-bar .tab-slide,
     .ion-page,