diff --git a/assets/scss/base/_forms.scss b/assets/scss/base/_forms.scss index 9eafaa8560..2f4fab6480 100644 --- 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 index 57c5c1ac47..521bf557a9 100644 --- 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 {