fix: fixed hits display height, no more scroll jumps

algolia · Aug 4, 2015 · 6b4319d · 6b4319d
1 parent 3b64651
commit 6b4319d
Showing 1 changed file with 23 additions and 0 deletions.
diff --git a/example/style.css b/example/style.css
@@ -1,7 +1,14 @@
+html {
+  /* force vertical scrollbar no matter the content,
+  avoid container center position changes */
+  overflow-y: scroll;
+}
+
 body {
   padding: 2em 0;
 }
 
+/* Hits widget */
 .hit + .hit {
   margin-top: 1em;
   padding-top: 1em;
@@ -12,3 +19,19 @@ body {
   font-style: normal;
   background-color: lightcyan;
 }
+
+/* Force widths and heights to avoid vertical size changes.
+  So that pagination clicks will not jump */
+.hit img {
+  max-height: 100px;
+  max-width: 100px;
+}
+
+.hit p {
+  max-height: 50px;
+  text-overflow: ellipsis;
+}
+
+.hit {
+  height: 125px;
+}