From a0f29e970d841ef689c520e87877a9d6bc574620 Mon Sep 17 00:00:00 2001
From: Trevor Ford <trvrfrd@users.noreply.github.com>
Date: Mon, 27 Nov 2017 21:48:52 -0500
Subject: [PATCH] fix Stable sidebar width and center inventory drawer (fixes
 #9263) (#9419)

* fix Stable sidebar width and center inventory drawer (fixes #9263)

* hide all .standard-sidebars on small/mobile devices
---
 website/client/components/challenges/sidebar.vue        | 2 +-
 website/client/components/groups/sidebar.vue            | 2 +-
 website/client/components/inventory/equipment/index.vue | 2 +-
 website/client/components/inventory/items/index.vue     | 2 +-
 website/client/components/inventory/stable/index.vue    | 4 ++--
 website/client/components/shops/market/index.vue        | 2 +-
 website/client/components/shops/quests/index.vue        | 2 +-
 website/client/components/shops/seasonal/index.vue      | 2 +-
 website/client/components/shops/timeTravelers/index.vue | 2 +-
 website/client/components/ui/drawer.vue                 | 4 ++--
 10 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/website/client/components/challenges/sidebar.vue b/website/client/components/challenges/sidebar.vue
index a1da067be0..a2c7a5a278 100644
--- a/website/client/components/challenges/sidebar.vue
+++ b/website/client/components/challenges/sidebar.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-.col-2.standard-sidebar.hidden-xs-down
+.standard-sidebar.d-none.d-sm-block
   .form-group
     input.form-control.search(type="text", :placeholder="$t('search')", v-model='searchTerm')
 
diff --git a/website/client/components/groups/sidebar.vue b/website/client/components/groups/sidebar.vue
index ee7a042805..9d9e4ee624 100644
--- a/website/client/components/groups/sidebar.vue
+++ b/website/client/components/groups/sidebar.vue
@@ -1,5 +1,5 @@
 <template lang="pug">
-.standard-sidebar.hidden-xs-down
+.standard-sidebar.d-none.d-sm-block
   .form-group
     input.form-control.search(type="text", :placeholder="$t('search')", v-model='searchTerm')
 
diff --git a/website/client/components/inventory/equipment/index.vue b/website/client/components/inventory/equipment/index.vue
index 41cf748069..4ef034591b 100644
--- a/website/client/components/inventory/equipment/index.vue
+++ b/website/client/components/inventory/equipment/index.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
 .row
-  .standard-sidebar
+  .standard-sidebar.d-none.d-sm-block
     .form-group
       input.form-control.input-search(type="text", v-model="searchText", :placeholder="$t('search')")
 
diff --git a/website/client/components/inventory/items/index.vue b/website/client/components/inventory/items/index.vue
index ecb5831420..e85284d70d 100644
--- a/website/client/components/inventory/items/index.vue
+++ b/website/client/components/inventory/items/index.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
 .row(v-mousePosition="30", @mouseMoved="mouseMoved($event)")
-  .standard-sidebar
+  .standard-sidebar.d-none.d-sm-block
     .form-group
       input.form-control.input-search(type="text", v-model="searchText", :placeholder="$t('search')")
 
diff --git a/website/client/components/inventory/stable/index.vue b/website/client/components/inventory/stable/index.vue
index 191995b0eb..f645c4cc72 100644
--- a/website/client/components/inventory/stable/index.vue
+++ b/website/client/components/inventory/stable/index.vue
@@ -1,7 +1,7 @@
 <template lang="pug">
   // @TODO: breakdown to componentes and use some SOLID
   .row.stable(v-mousePosition="30", @mouseMoved="mouseMoved($event)")
-    .standard-sidebar.col-3.hidden-xs-down
+    .standard-sidebar.d-none.d-sm-block
       div
         #npmMattStable.npc_matt
         b-popover(
@@ -54,7 +54,7 @@
             @change="updateHideMissing"
           )
 
-    .standard-page.col-12.col-sm-9
+    .standard-page
       .clearfix
         h1.float-left.mb-4.page-header(v-once) {{ $t('stable') }}
 
diff --git a/website/client/components/shops/market/index.vue b/website/client/components/shops/market/index.vue
index 28110d911d..6ecf6c0dcc 100644
--- a/website/client/components/shops/market/index.vue
+++ b/website/client/components/shops/market/index.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
   .row.market
-    .standard-sidebar
+    .standard-sidebar.d-none.d-sm-block
       .form-group
         input.form-control.input-search(type="text", v-model="searchText", :placeholder="$t('search')")
       .form
diff --git a/website/client/components/shops/quests/index.vue b/website/client/components/shops/quests/index.vue
index 16a27bfd6d..589d7b9675 100644
--- a/website/client/components/shops/quests/index.vue
+++ b/website/client/components/shops/quests/index.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
   .row.quests
-    .standard-sidebar
+    .standard-sidebar.d-none.d-sm-block
       .form-group
         input.form-control.input-search(type="text", v-model="searchText", :placeholder="$t('search')")
 
diff --git a/website/client/components/shops/seasonal/index.vue b/website/client/components/shops/seasonal/index.vue
index 165f9f71b5..f4f5d63035 100644
--- a/website/client/components/shops/seasonal/index.vue
+++ b/website/client/components/shops/seasonal/index.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
   .row.seasonal
-    .standard-sidebar
+    .standard-sidebar.d-none.d-sm-block
       .form-group
         input.form-control.input-search(type="text", v-model="searchText", :placeholder="$t('search')")
 
diff --git a/website/client/components/shops/timeTravelers/index.vue b/website/client/components/shops/timeTravelers/index.vue
index 52b5243d6b..e5ba5cf019 100644
--- a/website/client/components/shops/timeTravelers/index.vue
+++ b/website/client/components/shops/timeTravelers/index.vue
@@ -1,6 +1,6 @@
 <template lang="pug">
   .row.timeTravelers
-    .standard-sidebar(v-if="!closed")
+    .standard-sidebar.d-none.d-sm-block(v-if="!closed")
       .form-group
         input.form-control.input-search(type="text", v-model="searchText", :placeholder="$t('search')")
 
diff --git a/website/client/components/ui/drawer.vue b/website/client/components/ui/drawer.vue
index 61e636d4dc..7d8924ae28 100644
--- a/website/client/components/ui/drawer.vue
+++ b/website/client/components/ui/drawer.vue
@@ -27,8 +27,8 @@
 
     @media screen and (min-width: 1241px) {
       max-width: 978px;
-      // 16.67% is the width of the .col-2 sidebar
-      left: calc((100% + 16.67% - 978px) / 2);
+      // 236px is the width of the .standard-sidebar
+      left: calc((100% + 236px - 978px) / 2);
       right: 0%;
     }
   }