misc. bug fixes

This commit is contained in:
shubhammehrotra.symfony@webkul.com 2020-01-28 19:49:34 +05:30
parent 922e3608be
commit ff3f0cf780
10 changed files with 203 additions and 86 deletions

View File

@ -776,11 +776,6 @@
display: inline-block;
}
.grid-container {
display: block;
width: 100%;
}
.review-page-container {
padding: 20px;
position: relative;
@ -1602,6 +1597,11 @@
height: 38px;
}
.account-content .account-layout .account-table-content #datagrid-filters .filter-tag {
font-size: 18px;
font-weight: 600;
}
.account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .grid-dropdown-header {
display: inline-block;
}
@ -1640,6 +1640,18 @@
margin-bottom: 0;
}
.account-content .account-layout .account-table-content #datagrid-filters ~ table.table thead {
font-size: 18px;
}
.account-content .account-layout .account-table-content #datagrid-filters ~ table.table tbody {
font-size: 16px;
}
.account-content .account-layout .account-table-content #datagrid-filters ~ table.table tbody tr td a {
display: block;
}
.account-content .account-layout .account-table-content #datagrid-filters ~ table.table tbody tr .badge {
padding: 10px;
font-size: 12px;
@ -2499,6 +2511,15 @@
padding: 0 15px !important;
}
.full-content-wrapper p > .container-fluid {
margin-bottom: 60px;
padding: 0 !important;
}
.full-content-wrapper p > .container-fluid > .row {
padding: 0 15px !important;
}
.slides-container .VueCarousel-pagination {
bottom: 10px;
position: absolute;
@ -3781,6 +3802,14 @@ body::after {
background-color: #26A37C !important;
}
.theme-btn:hover, .cart-details .continue-shopping-btn:hover, .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.btn:hover, .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .quantity button:hover, .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button:hover, .account-content .account-layout .bottom-toolbar .pagination .page-item:hover, .theme-btn:focus, .cart-details .continue-shopping-btn:focus, .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.btn:focus, .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .quantity button:focus, .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button:focus, .account-content .account-layout .bottom-toolbar .pagination .page-item:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #247959;
background-color: #26A37C !important;
}
.theme-btn.light, .cart-details .light.continue-shopping-btn, .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.light.btn, .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .quantity button.light, .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.light, .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .bottom-toolbar .pagination button.page-item, .quantity .account-content .account-layout .bottom-toolbar .pagination .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.page-item, .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .bottom-toolbar .pagination .quantity button.page-item, .account-content .account-layout .bottom-toolbar .pagination .quantity .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.page-item, .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .bottom-toolbar .pagination button.btn.page-item, .account-content .account-layout .bottom-toolbar .pagination .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.btn.page-item, .account-content .account-layout .bottom-toolbar .pagination .page-item {
color: #26A37C !important;
background-color: #FFFFFF !important;
@ -3789,7 +3818,11 @@ body::after {
border: 1px solid rgba(0, 0, 0, 0.12);
}
.theme-btn.light:hover, .cart-details .light.continue-shopping-btn:hover, .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.light.btn:hover, .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .quantity button.light:hover, .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.light:hover, .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .bottom-toolbar .pagination button.page-item:hover, .quantity .account-content .account-layout .bottom-toolbar .pagination .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.page-item:hover, .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .bottom-toolbar .pagination .quantity button.page-item:hover, .account-content .account-layout .bottom-toolbar .pagination .quantity .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.page-item:hover, .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .bottom-toolbar .pagination button.btn.page-item:hover, .account-content .account-layout .bottom-toolbar .pagination .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.btn.page-item:hover, .account-content .account-layout .bottom-toolbar .pagination .page-item:hover {
.theme-btn.light:hover, .cart-details .light.continue-shopping-btn:hover, .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.light.btn:hover, .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .quantity button.light:hover, .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.light:hover, .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .bottom-toolbar .pagination button.page-item:hover, .quantity .account-content .account-layout .bottom-toolbar .pagination .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.page-item:hover, .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .bottom-toolbar .pagination .quantity button.page-item:hover, .account-content .account-layout .bottom-toolbar .pagination .quantity .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.page-item:hover, .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .bottom-toolbar .pagination button.btn.page-item:hover, .account-content .account-layout .bottom-toolbar .pagination .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.btn.page-item:hover, .account-content .account-layout .bottom-toolbar .pagination .page-item:hover, .theme-btn.light:focus, .cart-details .light.continue-shopping-btn:focus, .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.light.btn:focus, .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .quantity button.light:focus, .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.light:focus, .quantity .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .bottom-toolbar .pagination button.page-item:focus, .quantity .account-content .account-layout .bottom-toolbar .pagination .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.page-item:focus, .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .bottom-toolbar .pagination .quantity button.page-item:focus, .account-content .account-layout .bottom-toolbar .pagination .quantity .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.page-item:focus, .account-content .account-layout .account-table-content #datagrid-filters .dropdown-filters .dropdown-container .bottom-toolbar .pagination button.btn.page-item:focus, .account-content .account-layout .bottom-toolbar .pagination .account-table-content #datagrid-filters .dropdown-filters .dropdown-container button.btn.page-item:focus, .account-content .account-layout .bottom-toolbar .pagination .page-item:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #247959;
background-color: #f5f5f5 !important;
}
@ -4607,6 +4640,11 @@ button[disabled] {
}
@media only screen and (max-width: 992px) {
body.open-hamburger {
color: #7f7f7f;
opacity: 0.8;
overflow: hidden;
}
.vc-small-screen {
display: block !important;
}
@ -4616,11 +4654,19 @@ button[disabled] {
background-color: #FFFFFF;
}
.main-content-wrapper .vc-header {
top: 0;
margin: 0;
padding: 0;
width: 100%;
height: 50px;
position: fixed;
background-color: #FFFFFF;
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.main-content-wrapper .vc-header + div {
margin-top: 50px;
}
.main-content-wrapper .vc-header > div {
display: none;
}
@ -4797,25 +4843,28 @@ button[disabled] {
.account-content .account-layout .sale-container .order-box-container .box .box-title {
padding-bottom: 0;
}
.account-content .account-layout .sale-section .section-content .table table thead {
.account-content .account-layout .table table thead {
display: none;
}
.account-content .account-layout .sale-section .section-content .table table tr {
.account-content .account-layout .table table tr {
margin-bottom: 20px;
border: 1px solid #CCCCCC;
}
.account-content .account-layout .sale-section .section-content .table table tr td {
.account-content .account-layout .table table tr td {
width: 100%;
display: block;
border-top: none;
}
.account-content .account-layout .sale-section .section-content .table table tr td:before {
.account-content .account-layout .table table tr td:before {
content: attr(data-value);
font-size: 15px;
font-weight: 600;
display: inline-block;
width: 120px;
}
.account-content .account-layout .table table tr td .action {
display: inline-block;
}
.mini-cart-container {
display: none;
}
@ -4906,11 +4955,13 @@ button[disabled] {
}
.category-page-wrapper .category-container .filters-container {
left: 0px;
top: -15px;
top: 40px;
padding: 0;
width: 100%;
position: absolute;
z-index: 9;
position: fixed;
padding-bottom: 10px;
background-color: #FFFFFF;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.21);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.21);
}
@ -4936,6 +4987,7 @@ button[disabled] {
top: 0px;
left: 0px;
width: 75%;
opacity: 1;
z-index: 9999;
height: 100vh;
position: fixed;
@ -4975,6 +5027,7 @@ button[disabled] {
display: table;
position: -webkit-sticky;
position: sticky;
color: #111111;
background-color: #FFFFFF;
border-bottom: 1px solid #CCCCCC;
}

View File

@ -92,9 +92,4 @@
display: inline-block;
}
}
}
.grid-container {
display: block;
width: 100%;
}

View File

@ -878,6 +878,11 @@
}
}
.filter-tag {
font-size: 18px;
font-weight: 600;
}
.dropdown-filters {
.grid-dropdown-header {
display: inline-block;
@ -926,8 +931,20 @@
~ table {
&.table {
thead {
font-size: 18px;
}
tbody {
font-size: 16px;
tr {
td {
a {
display: block;
}
}
.badge {
padding: 10px;
font-size: 12px;
@ -1885,6 +1902,17 @@
padding: 0 15px !important;
}
}
p {
> .container-fluid {
margin-bottom: 60px;
padding: 0 !important;
> .row {
padding: 0 15px !important;
}
}
}
}
.slides-container {

View File

@ -52,6 +52,14 @@
@media only screen and (max-width: 992px) {
$header-height: 50px;
body {
&.open-hamburger {
color: #7f7f7f;
opacity: 0.8;
overflow: hidden;
}
}
.main-container-wrapper {
// position: relative;
}
@ -61,17 +69,24 @@
}
.main-content-wrapper {
// top: 0;
z-index: 100;
margin-bottom: 25px;
// position: sticky !important;
background-color: $white-color;
.vc-header {
top: 0;
margin: 0;
padding: 0;
width: 100%;
height: $header-height;
position: fixed;
background-color: $white-color;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
+ div {
margin-top: $header-height;
}
> div {
display: none;
}
@ -362,31 +377,31 @@
}
}
.sale-section {
.section-content {
.table {
table {
thead {
display: none;
.table {
table {
thead {
display: none;
}
tr {
margin-bottom: 20px;
border: 1px solid $border-common;
td {
width: 100%;
display: block;
border-top: none;
&:before {
content: attr(data-value);
font-size: 15px;
font-weight: 600;
display: inline-block;
width: 120px;
}
tr {
margin-bottom: 20px;
border: 1px solid $border-common;
td {
width: 100%;
display: block;
border-top: none;
&:before {
content: attr(data-value);
font-size: 15px;
font-weight: 600;
display: inline-block;
width: 120px;
}
}
.action {
display: inline-block;
}
}
}
@ -540,11 +555,13 @@
.filters-container {
left: 0px;
top: -15px;
top: 40px;
padding: 0;
width: 100%;
position: absolute;
z-index: 9;
position: fixed;
padding-bottom: 10px;
background-color: $white-color;
box-shadow: 0 2px 4px 0 rgba(0,0,0,0.21);
.toolbar-wrapper {
@ -578,6 +595,7 @@
top: 0px;
left: 0px;
width: 75%;
opacity: 1;
z-index: 9999;
height: 100vh;
position: fixed;
@ -619,6 +637,7 @@
width: 100%;
display: table;
position: sticky;
color: $black-color;
background-color: $white-color;
border-bottom: 1px solid $border-common;

View File

@ -256,15 +256,27 @@
color: $light-color !important;
background-color: $theme-color !important;
&:hover,
&:focus {
outline: none;
box-shadow: none;
border: 1px solid $theme-dark-color;
background-color: $theme-color !important;
}
&.light {
color: $theme-color !important;
background-color: $light-color !important;
box-shadow: 0 1px 0 0 #CFCFCF;
border: 1px solid rgba(0,0,0,0.12);
}
&.light:hover {
background-color: #f5f5f5 !important;
&:hover,
&:focus {
outline: none;
box-shadow: none;
border: 1px solid $theme-dark-color;
background-color: #f5f5f5 !important;
}
}
}

View File

@ -303,6 +303,24 @@
@click="toggleMetaInfo('currencies')">
</i>
</li>
<li>
@auth('customer')
<a
class="unset"
href="{{ route('customer.session.destroy') }}">
<span>{{ __('shop::app.header.logout') }}</span>
</a>
@endauth
@guest('customer')
<a
class="unset"
href="{{ route('customer.session.create') }}">
<span>{{ __('shop::app.customer.login-form.title') }}</span>
</a>
@endguest
</li>
</ul>
</div>
@ -660,6 +678,16 @@
}
},
watch: {
hamburger: function (value) {
if (value) {
document.body.classList.add('open-hamburger');
} else {
document.body.classList.remove('open-hamburger');
}
}
},
methods: {
openSearchBar: function () {
this.isSearchbar = !this.isSearchbar;
@ -677,20 +705,13 @@
},
toggleHamburger: function () {
this.hamburger = true;
// let html = $('#sidebar-categories-template').html();
// this.$root.navContainer = true;
// this.$root.responsiveSidebarKey = Math.random();
// this.$root.responsiveSidebarTemplate = Vue.compile(html);
this.hamburger = !this.hamburger;
},
closeDrawer: function() {
$('.nav-container').hide();
this.hamburger = false;
this.toggleHamburger();
this.rootCategories = true;
},

View File

@ -150,7 +150,7 @@
<button
type="submit"
class="theme-btn">
class="theme-btn mb20">
{{ __('velocity::app.shop.general.update') }}
</button>
</form>

View File

@ -16,7 +16,7 @@
@push('scripts')
<script type="text/x-template" id="category-products-template">
<div class="container-fluid">
<div class="container-fluid remove-padding-margin">
<card-list-header
view-all="{{ route('shop.productOrCategory.index', $categoryDetails->slug) }}"
heading="{{ $categoryDetails->name }}">

View File

@ -61,27 +61,4 @@
{{ view_render_event('bagisto.shop.home.content.after') }}
</div>
@endsection
<!-- offers and sale logos -->
{{-- @include('shop::home.advertisements.advertisement-one') --}}
<!-- Show Product Policy -->
{{-- @include('shop::home.product-policy') --}}
<!-- advertisement two -->
{{-- @include('shop::home.advertisements.advertisement-two') --}}
<!-- hot categories -->
{{-- @include('shop::home.hot-categories') --}}
<!-- Advertisement three -->
{{-- @include('shop::home.advertisements.advertisement-three') --}}
{{-- currently no customer reviews for the shop --}}
<!-- show customer reviews -->
{{-- @include('shop::home.customer-reviews') --}}
<!-- show popular categories -->
{{-- @include('shop::home.popular-categories') --}}
@endsection

View File

@ -80,10 +80,12 @@
<div class="toolbar-wrapper row col-12 remove-padding-margin" v-else>
<div v-if="layeredNavigation" class="nav-container scrollable">
<div class="header drawer-section">
<i class="material-icons" @click="layeredNavigation = false">keyboard_backspace</i>
<i class="material-icons" @click="toggleLayeredNavigation">keyboard_backspace</i>
<span class="fs24 fw6">{{ __('velocity::app.shop.general.filter') }}</span>
{{-- <span class="pull-right link-color" @click="layeredNavigation = false">Done</span> --}}
<span class="fs24 fw6">
{{ __('velocity::app.shop.general.filter') }}
</span>
{{-- <span class="pull-right link-color" @click="toggleLayeredNavigation">Done</span> --}}
</div>
@include ('shop::products.list.layered-navigation')
@ -142,13 +144,23 @@
}
},
watch: {
layeredNavigation: function (value) {
if (value) {
document.body.classList.add('open-hamburger');
} else {
document.body.classList.remove('open-hamburger');
}
}
},
methods: {
toggleLayeredNavigation: function ({event, actionType}) {
// this.$root.navContainer = true;
// this.$root.responsiveSidebarTemplate = `<div slot="sidebar-body">
// Hello World
// </div>`;
this.layeredNavigation = true;
this.layeredNavigation = !this.layeredNavigation;
}
}
})