Optimized 'Training' Page for Mobile Responsiveness

WikiEducationFoundation · Jan 5, 2024 · 70b491d · 70b491d
1 parent d13f381
commit 70b491d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/app/assets/stylesheets/training_modules/_cards.styl b/app/assets/stylesheets/training_modules/_cards.styl
@@ -17,6 +17,8 @@
   padding 10px 11px
   width 50px
   height 50px
+  position absolute
+  right 0px 
 .action-card-icon
   transition left 0.125s
   color #fff

diff --git a/app/assets/stylesheets/training_modules/_training.styl b/app/assets/stylesheets/training_modules/_training.styl
@@ -178,3 +178,10 @@
 .wait
   padding 2px 5px 2px 5px
   background url('../images/loader.gif') no-repeat 50% transparent
+
+@media only screen and (max-width: 550px)
+  .training-libraries
+    display flex
+    flex-direction column
+    .training-libraries__individual-library, .training-library-focus
+      width 100%