Corrige le layout de la barre de recherche sur la page de recherche (#…

…4067) * Fix search bar layout on search page * Force HW acceleration on featured items
zestedesavoir · Dec 12, 2016 · d84755a · d84755a
1 parent 556edaa
commit d84755a
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/assets/scss/base/_forms.scss b/assets/scss/base/_forms.scss
@@ -13,7 +13,15 @@
         }
     }
 
+    .search-form {
+        display: flex;
+        align-items: stretch;
 
+        input {
+            margin-right: 10px;
+            height: initial;
+        }
+    }
 
     fieldset {
         border-top: 1px solid #DDD;

diff --git a/assets/scss/components/_featured-item.scss b/assets/scss/components/_featured-item.scss
@@ -23,7 +23,12 @@
         height: 100%;
         width: auto;
         transition: $transition-duration ease;
-        transition-property: filter, opacity, transform;
+        transition-property: opacity, transform;
+
+        // Force hardware acceleration
+        transform: scale(0), translateZ(0);
+        perspective: 1000;
+        backface-visibility: hidden;
     }
 
     .featured-resource-meta {
@@ -60,7 +65,7 @@
         .featured-resource-illu {
             opacity: 0.4;
             filter: blur(5px);
-            transform: scale(1.05);
+            transform: scale(1.05), translateZ(0);
         }
         .featured-resource-meta {
             h3 {