merdan
/
sarga
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Velocity quantity box ui issue fixed

This commit is contained in:
jitendra 2022-03-15 19:08:35 +05:30
parent 0e4cc72d0a
commit ec0b667939
6 changed files with 75 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/Webkul/Velocity/publishable/assets/css/velocity.css vendored
View File

File diff suppressed because one or more lines are too long

2
packages/Webkul/Velocity/publishable/assets/js/components.js vendored
View File

File diff suppressed because one or more lines are too long

2
packages/Webkul/Velocity/publishable/assets/js/velocity.js vendored
View File

File diff suppressed because one or more lines are too long

6
packages/Webkul/Velocity/publishable/assets/mix-manifest.json
View File

@ -1,10 +1,10 @@
{
"/js/jquery-ez-plus.js": "/js/jquery-ez-plus.js?id=ba3c7cada62de152fd8fce211d0b1b70",
"/js/velocity-core.js": "/js/velocity-core.js?id=73cc7c3501570ebe9151c72d954bd97d",
"/js/velocity.js": "/js/velocity.js?id=3c7caee18e6565ee2fe03b1fca202d68",
"/js/velocity.js": "/js/velocity.js?id=2a3be9d5daddbe4a0e4b14e6269d7692",
"/js/manifest.js": "/js/manifest.js?id=3cded37ef514b0fb89b10e7109801248",
"/js/components.js": "/js/components.js?id=47d1db552c7f30cc83c51659e7cc6d32",
"/css/velocity.css": "/css/velocity.css?id=dd54920b55c885352d707e95d9e96d46",
"/js/components.js": "/js/components.js?id=f295b63d248ff98f71c686676634e3dc",
"/css/velocity.css": "/css/velocity.css?id=54bd9e999678c3109c4f2a51b454e12f",
"/css/velocity-admin.css": "/css/velocity-admin.css?id=b67a82956e53163b5e3ff45a44f9778f",
"/images/icon-calendar.svg": "/images/icon-calendar.svg?id=870d0f733a58377422766f3152e15486",
"/images/icon-camera.svg": "/images/icon-camera.svg?id=b2fd2f9e17e1ccee96e29f6c6cec91e8",

34
packages/Webkul/Velocity/src/Resources/assets/js/UI/components/quantity-changer.vue
View File

@ -10,24 +10,26 @@
v-text="quantityText"
></label>
<button type="button" class="decrease" @click="decreaseQty()">
<i class="rango-minus"></i>
</button>
<div class="input-btn-group">
<button type="button" class="decrease" @click="decreaseQty()">
<i class="rango-minus"></i>
</button>
<input
ref="quantityChanger"
:name="controlName"
:model="qty"
class="control"
id="quantity-changer"
v-validate="validations"
:data-vv-as="`&quot;${quantityText}&quot;`"
@keyup="setQty($event)"
/>
<input
ref="quantityChanger"
:name="controlName"
:model="qty"
class="control"
id="quantity-changer"
v-validate="validations"
:data-vv-as="`&quot;${quantityText}&quot;`"
@keyup="setQty($event)"
/>
<button type="button" class="increase" @click="increaseQty()">
<i class="rango-plus"></i>
</button>
<button type="button" class="increase" @click="increaseQty()">
<i class="rango-plus"></i>
</button>
</div>
<span class="control-error" v-if="errors.has(controlName)">{{
errors.first(controlName)

94
packages/Webkul/Velocity/src/Resources/assets/sass/components/app.scss vendored
View File

@ -404,45 +404,58 @@
padding: 5px 15px 10px 0;
}
button {
border: 1px solid #DCDCDC;
padding: 7px;
background: transparent;
text-align: center;
.input-btn-group {
button {
border: 1px solid #DCDCDC;
padding: 7px;
background: transparent;
text-align: center;
&.decrease {
&.decrease {
border-right: 0;
}
&.increase {
border-left: 0;
}
&:hover,
&:active,
&:focus {
outline: none;
}
.rango-plus,
.rango-minus {
font-size: 20px;
vertical-align: middle;
}
}
input {
border: 1px solid #DCDCDC;
border-right: 0;
}
&.increase {
border-left: 0;
}
&:hover,
&:active,
&:focus {
outline: none;
}
.rango-plus,
.rango-minus {
font-size: 20px;
vertical-align: middle;
max-width: 50px;
height: 38px;
margin-left: -5px;
margin-right: -5px;
vertical-align: top;
text-align: center;
font-size: 16px;
font-weight: 600;
}
}
input {
border: 1px solid #DCDCDC;
border-right: 0;
border-left: 0;
max-width: 50px;
height: 38px;
margin-left: -5px;
margin-right: -5px;
vertical-align: top;
text-align: center;
font-size: 16px;
font-weight: 600;
&.has-error {
button {
border-color: #fc6868;
color: #fc6868;
}
}
.control-error {
display: block;
}
}
@ -689,7 +702,7 @@
.product-quantity {
.quantity {
display: inline-flex;
display: inline-block;
width: unset;
float: right;
@ -1609,11 +1622,13 @@
span {
&.price-label {
font-size: 16px;
font-size: 14px !important;
font-weight: 500 !important;
}
&.final-price {
font-size: 30px;
font-size: 18px;
font-weight: 600;
}
}
}
@ -1913,13 +1928,6 @@
.quantity {
border-top: 0;
&.has-error {
button {
border-color: #fc6868;
color: #fc6868;
}
}
}
.control-error {