Changeset 2309391

Timestamp:

05/21/2020 10:29:55 AM (4 years ago)

Author:

mehedi_csit

Message:

Fixed responsive mobile issue

File:

• cwm-stylish-woo-quick-view/trunk/scripts/css/cwm-quick-view.css (modified) (2 diffs)

cwm-stylish-woo-quick-view/trunk/scripts/css/cwm-quick-view.css

@@ -1 +1 @@
 #btn-close-modal {
-    text-align: center;
-    cursor:pointer;
-    color:#fff;
+  text-align: center;
+  pointer;
+  #fff;
 }
 
-.cwm-quick-view-modal{
-    width: 60%!important;
-    height: 560px!important;
-    top: 20%!important;
-    left: 20%!important;
-    bottom: 20%!important;
-    right: 20%!important;
-    display: none;
-    position: fixed;
-    background: #fff;
-    z-index: 999;
-    border: 5px solid#D3D3D3;
-    padding: 2%;
+.cwm-quick-view-modal{
+!important;
+!important;
+!important;
+!important;
+!important;
+!important;
+display: none;
+position: fixed;
+background: #fff;
+z-index: 999;
+  border: 5px solid#D3D3D3;
+  padding: 2%;
 }
 
 a#cwm-modal-close {
-    float: right;
-    width: 25px;
-    height: 25px;
-    background: #222;
-    color: #fff;
-    text-align: center;
-    font-weight: bold;
-    border-radius: 100%;
-    position: absolute;
-    right: 15px;
-    top: 15px;
+  float: right;
+  width: 25px;
+  height: 25px;
+  background: #222;
+  color: #fff;
+  text-align: center;
+  font-weight: bold;
+  border-radius: 100%;
+  position: absolute;
+  right: 15px;
+  top: 15px;
 }
 
 .cwm-qview-left {
-    float: left;
-    width: 35%;
-    margin-right: 5%;
+  float: left;
+  width: 35%;
+  margin-right: 5%;
 }
 
 .cwm-qview-right {
-    float: left;
-    width: 60%;
+  float: left;
+  width: 60%;
 }
 .cwm-qview-left img {
-    width: 100%;
+  width: 100%;
 }
 .cwm-qview-right p {
-    margin-bottom: 5px;
+  margin-bottom: 5px;
 }
 a.cwm-qv-addTo-cart {
-    display: inline-block;
-    background: #222;
-    color: #fff;
-    padding: 5px 10px;
+  display: inline-block;
+  background: #222;
+  color: #fff;
+  padding: 5px 10px;
 }
 .qv-pgallery {
-    float: left;
-    width: 100%;
+  float: left;
+  width: 100%;
 }
 .qv-pgallery img {
-    max-width: 90px!important;
-    margin-right: 5px;
-    margin-top: 10px;
-    float: left;
+  !important;
+  margin-right: 5px;
+  margin-top: 10px;
+  float: left;
 }
 .cwm-modal-content {
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
     width: 100%;
     padding: 0;
@@ -72 +144 @@
     max-height: 100%;
     padding-top: 15px;
-    height: 100%;
+    max-height: 560px;
+    height: 560px;
+    overflow-y: scroll;
+  }
 }
-a.cwm-quick-view {
-    background: #222;
-    color: #fff;
-    padding: 10px 15px;
-    margin-right: 10px;
-}
-.cwm-qview-right .quantity {
-    float: left;
-    width: 150px;
-    margin-right: 15px;
-}
-/*Quantity increment and decrement button*/
-a#cwm-qplus {
-    background: green;
-    color: #fff;
-    display: inline-block;
-    text-align: center;
-    font-size: 18px;
-    font-weight: 600;
-    width: 28px;
-    height: 28px;
-    border-radius: 50%;
-}
-a#cwm-qminus {
-    background: red;
-    color: #fff;
-    display: inline-block;
-    text-align: center;
-    font-size: 18px;
-    font-weight: 600;
-    width: 28px;
-    height: 28px;
-    border-radius: 50%;
-}
-span.qv-tquanity {
-    width: 25px;
-    display: inline-block;
-    text-align: center;
-}
-@media(max-width:480px){
-    .cwm-quick-view-modal {
-        width: 80%!important;
-        height: 80%!important;
-        top: 10%!important;
-        left: 10%!important;
-        bottom: 10%!important;
-        right: 10%!important;
-        display: none;
-        position: fixed;
-        background: #fff;
-        z-index: 999;
-        border: 5px solid#D3D3D3;
-        padding: 2%;
-    }
-    .cwm-qview-left {
-        float: left;
-        width: 95%;
-        margin: 10px;
-    }
-    .cwm-qview-right {
-        float: left;
-        width: 95%;
-        margin: 0 10px;
-    }
-}