reduce card size in scriptsearch for mobile (microsoft#4966)

pelikhan · web-flow · commit 7024b3dec8e5 · 2018-11-02T14:43:48.000-07:00
diff --git a/theme/packagedialog.less b/theme/packagedialog.less
diff --git a/theme/pxt.less b/theme/pxt.less
@@ -5,7 +5,6 @@
 
 @import 'common';
 @import 'monaco';
-@import 'packagedialog';
 @import 'tutorial';
 @import 'sidedoc';
 @import 'home';
diff --git a/theme/scriptsearch.less b/theme/scriptsearch.less
@@ -70,4 +70,42 @@
             outline: 0 !important;
         }
     }
+}
+
+/* Script search cards */
+.ui.searchdialog {
+    .cards {
+        overflow-y: auto;
+        overflow-x: hidden;
+        margin-top: 0.5rem;
+    }    
+    .ui.card {
+        height: 20rem;
+        .ui.cardimage {
+            height: 11rem;
+        }
+    }
+}
+
+
+// reduce all card sizes
+@media only screen and (max-width: @largestMobileScreen) {
+    .ui.searchdialog {
+        .ui.card, .ui.cards>.card {
+            width: 9rem;
+            height: 9rem;
+        }
+        .ui.card {
+            .content .description {
+                display: none;
+            }
+            .content .header {
+                font-size: 80%;
+                font-weight: normal;
+            }
+            .ui.cardimage {
+                height: 5rem;
+            }
+        }
+    }
 }
