From e160408c617c70feccebe70b0bab06fdb1f083e6 Mon Sep 17 00:00:00 2001
From: kalpitk <kkothari1999@gmail.com>
Date: Mon, 17 Jun 2019 20:57:22 +0530
Subject: [PATCH] Move Permalinks tabSlideout down in xs screens
Related T1786
---
swh/web/assets/src/bundles/browse/swh-ids-utils.js | 12 +++++++++++-
1 file changed, 11 insertions(+), 1 deletion(-)
diff --git a/swh/web/assets/src/bundles/browse/swh-ids-utils.js b/swh/web/assets/src/bundles/browse/swh-ids-utils.js
index d4b48fcc4..4e87bda89 100644
--- a/swh/web/assets/src/bundles/browse/swh-ids-utils.js
+++ b/swh/web/assets/src/bundles/browse/swh-ids-utils.js
@@ -9,6 +9,8 @@ import ClipboardJS from 'clipboard';
import 'thirdparty/jquery.tabSlideOut/jquery.tabSlideOut';
import 'thirdparty/jquery.tabSlideOut/jquery.tabSlideOut.css';
+import {BREAKPOINT_SM} from 'utils/constants';
+
export function swhIdObjectTypeToggled(event) {
event.preventDefault();
$(event.target).tab('show');
@@ -85,7 +87,15 @@ $(document).ready(() => {
}
let tabSlideOptions = {
- tabLocation: 'right'
+ tabLocation: 'right',
+ offset: function() {
+ const width = $(window).width();
+ if (width < BREAKPOINT_SM) {
+ return '250px';
+ } else {
+ return '200px';
+ }
+ }
};
// ensure tab scrolling on small screens
if (window.innerHeight < 600 || window.innerWidth < 500) {
--
GitLab