From 271aabeeddbc4406c4437a0b077020c3688876f6 Mon Sep 17 00:00:00 2001
From: Patrick Groeger <patrick.groeger@cern.ch>
Date: Wed, 5 Dec 2018 17:15:08 +0100
Subject: [PATCH] [WT-659] Fixed cut scroll button on mobile chrome
---
.../header-blocks/header-blocks.ui_patterns.yml | 5 +++--
patterns/molecules/header-blocks/js/android-fix.js | 9 +++++++++
2 files changed, 12 insertions(+), 2 deletions(-)
create mode 100644 patterns/molecules/header-blocks/js/android-fix.js
diff --git a/patterns/molecules/header-blocks/header-blocks.ui_patterns.yml b/patterns/molecules/header-blocks/header-blocks.ui_patterns.yml
index 3780cddf..6d94ab9b 100755
--- a/patterns/molecules/header-blocks/header-blocks.ui_patterns.yml
+++ b/patterns/molecules/header-blocks/header-blocks.ui_patterns.yml
@@ -24,14 +24,15 @@ header_blocks:
subtitle: Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.
link: http://cern.ch
background_image: http://lorempixel.com/900/500/sports/6
-
+
libraries:
- cern_components/owlcarousel
-
+
- carousel-library:
js:
js/header_carousel.js: {}
+ js/android-fix.js: {}
css:
component:
css/header_blocks.css: {}
diff --git a/patterns/molecules/header-blocks/js/android-fix.js b/patterns/molecules/header-blocks/js/android-fix.js
new file mode 100644
index 00000000..09f43439
--- /dev/null
+++ b/patterns/molecules/header-blocks/js/android-fix.js
@@ -0,0 +1,9 @@
+var ua = navigator.userAgent;
+if (ua.includes('Chrome') && ua.includes('Mobile')) {
+ (function ($) {
+ $(document).ready(function() {
+ $('.owl-dots').first().css('bottom', '55px');
+ $('.component-header__scroll').first().css('bottom', '55px');
+ });
+ })(jQuery);
+}
--
GitLab