Add styles for search results listing.

eea · Sep 21, 2021 · 14ff0d4 · 14ff0d4
1 parent 583110c
commit 14ff0d4
Showing 1 changed file with 44 additions and 0 deletions.
diff --git a/src/SearchBlock/styles.less b/src/SearchBlock/styles.less
@@ -93,5 +93,49 @@ div#page-document {
         }
       }
     }
+
+    div.search-result {
+      width: 100%;
+      padding-bottom: 20px;
+      border-bottom: 1px solid @s-light-gray;
+      margin-top: 10px;
+      clear: both;
+
+      div.col-left {
+        max-width: 220px;
+        float: left;
+
+        a,
+        img {
+          width: 220px;
+        }
+      }
+
+      div.col-right {
+        width: calc(100% - 220px);
+        padding-top: 10px;
+        float: right;
+
+        h4,
+        p {
+          margin-bottom: 10px;
+        }
+
+        p {
+          color: rgba(0, 0, 0, 0.4);
+          font-size: 12.8px;
+        }
+      }
+    }
+  }
+}
+
+@media screen and (max-width: 600px) {
+  div.col-left,
+  div.col-left a,
+  div.col-left img,
+  div.col-right {
+    width: 100% !important;
+    max-width: 100% !important;
   }
 }