krikkert/habitica
1
0
Fork 0
mirror of https://github.com/HabitRPG/habitica.git synced 2025-12-17 06:37:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

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

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

* hide all .standard-sidebars on small/mobile devices
This commit is contained in:
Trevor Ford
2017-11-27 21:48:52 -05:00
committed by Sabe Jones
parent 200cd66d66
commit a0f29e970d
10 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
website/client/components/challenges/sidebar.vue
View File

@@ -1,5 +1,5 @@
<template lang="pug"> <template lang="pug">
.col-2.standard-sidebar.hidden-xs-down .standard-sidebar.d-none.d-sm-block
.form-group .form-group
input.form-control.search(type="text", :placeholder="$t('search')", v-model='searchTerm') input.form-control.search(type="text", :placeholder="$t('search')", v-model='searchTerm')

2
website/client/components/groups/sidebar.vue
View File

@@ -1,5 +1,5 @@
<template lang="pug"> <template lang="pug">
.standard-sidebar.hidden-xs-down .standard-sidebar.d-none.d-sm-block
.form-group .form-group
input.form-control.search(type="text", :placeholder="$t('search')", v-model='searchTerm') input.form-control.search(type="text", :placeholder="$t('search')", v-model='searchTerm')

2
website/client/components/inventory/equipment/index.vue
View File

@@ -1,6 +1,6 @@
<template lang="pug"> <template lang="pug">
.row .row
.standard-sidebar .standard-sidebar.d-none.d-sm-block
.form-group .form-group
input.form-control.input-search(type="text", v-model="searchText", :placeholder="$t('search')") input.form-control.input-search(type="text", v-model="searchText", :placeholder="$t('search')")

2
website/client/components/inventory/items/index.vue
View File

@@ -1,6 +1,6 @@
<template lang="pug"> <template lang="pug">
.row(v-mousePosition="30", @mouseMoved="mouseMoved($event)") .row(v-mousePosition="30", @mouseMoved="mouseMoved($event)")
.standard-sidebar .standard-sidebar.d-none.d-sm-block
.form-group .form-group
input.form-control.input-search(type="text", v-model="searchText", :placeholder="$t('search')") input.form-control.input-search(type="text", v-model="searchText", :placeholder="$t('search')")

4
website/client/components/inventory/stable/index.vue
View File

@@ -1,7 +1,7 @@
<template lang="pug"> <template lang="pug">
// @TODO: breakdown to componentes and use some SOLID // @TODO: breakdown to componentes and use some SOLID
.row.stable(v-mousePosition="30", @mouseMoved="mouseMoved($event)") .row.stable(v-mousePosition="30", @mouseMoved="mouseMoved($event)")
.standard-sidebar.col-3.hidden-xs-down .standard-sidebar.d-none.d-sm-block
div div
#npmMattStable.npc_matt #npmMattStable.npc_matt
b-popover( b-popover(
@@ -54,7 +54,7 @@
@change="updateHideMissing" @change="updateHideMissing"
) )
.standard-page.col-12.col-sm-9 .standard-page
.clearfix .clearfix
h1.float-left.mb-4.page-header(v-once) {{ $t('stable') }} h1.float-left.mb-4.page-header(v-once) {{ $t('stable') }}

2
website/client/components/shops/market/index.vue
View File

@@ -1,6 +1,6 @@
<template lang="pug"> <template lang="pug">
.row.market .row.market
.standard-sidebar .standard-sidebar.d-none.d-sm-block
.form-group .form-group
input.form-control.input-search(type="text", v-model="searchText", :placeholder="$t('search')") input.form-control.input-search(type="text", v-model="searchText", :placeholder="$t('search')")
.form .form

2
website/client/components/shops/quests/index.vue
View File

@@ -1,6 +1,6 @@
<template lang="pug"> <template lang="pug">
.row.quests .row.quests
.standard-sidebar .standard-sidebar.d-none.d-sm-block
.form-group .form-group
input.form-control.input-search(type="text", v-model="searchText", :placeholder="$t('search')") input.form-control.input-search(type="text", v-model="searchText", :placeholder="$t('search')")

2
website/client/components/shops/seasonal/index.vue
View File

@@ -1,6 +1,6 @@
<template lang="pug"> <template lang="pug">
.row.seasonal .row.seasonal
.standard-sidebar .standard-sidebar.d-none.d-sm-block
.form-group .form-group
input.form-control.input-search(type="text", v-model="searchText", :placeholder="$t('search')") input.form-control.input-search(type="text", v-model="searchText", :placeholder="$t('search')")

2
website/client/components/shops/timeTravelers/index.vue
View File

@@ -1,6 +1,6 @@
<template lang="pug"> <template lang="pug">
.row.timeTravelers .row.timeTravelers
.standard-sidebar(v-if="!closed") .standard-sidebar.d-none.d-sm-block(v-if="!closed")
.form-group .form-group
input.form-control.input-search(type="text", v-model="searchText", :placeholder="$t('search')") input.form-control.input-search(type="text", v-model="searchText", :placeholder="$t('search')")

4
website/client/components/ui/drawer.vue
View File

@@ -27,8 +27,8 @@
@media screen and (min-width: 1241px) { @media screen and (min-width: 1241px) {
max-width: 978px; max-width: 978px;
// 16.67% is the width of the .col-2 sidebar // 236px is the width of the .standard-sidebar
left: calc((100% + 16.67% - 978px) / 2); left: calc((100% + 236px - 978px) / 2);
right: 0%; right: 0%;
} }
} }