}
#viewOverlay {
- position: absolute;
+ position: fixed;
top: 0;
left: 0;
width: 100%;
}
#view {
- position: absolute;
+ position: fixed;
top: 0;
z-index: 42;
display: none;
}
#view.active {
- top: 103.101px;
+ top: 50%;
opacity: 1;
- transform: translate(-50%, 0);
+ transform: translate(-50%, -50%);
display: block;
}
background-color: #fff;
color: #000;
height: 100%;
+ max-height: 80vh;
width: 100%;
//min-height: 25vh;
min-width: 320px;
max-width: 336px;
margin: 0 auto;
+ overflow: auto;
}
#Bastide_cart * {
flex-direction: column;
}
.form-controls label {
- margin-bottom: .625em;
+ margin-bottom: 4px;
text-transform: uppercase;
}
.form-controls input {
transform: translateY(100%);
left: 25px;
}
-#Bastide_register_form .form-controls.condition label {
+#Bastide_register_form .form-controls.condition label,
+#Bastide_register_form .form-controls.condition label a {
text-transform: initial;
+ font-size: 14px;
}
view += "</div>";
$("section.main").append(view)
$("#viewOverlay,#view").addClass("active")
+ this.manageScroll("hidden")
+ },
+
+ manageScroll: function(overflow) {
+ $("body").css("overflow",overflow)
},
getCartContent: function (action = null) {
closeView: function() {
$("#viewOverlay").removeClass("active")
$("#view").remove()
+ this.manageScroll("auto")
},
register: function(d) {