refactor: store listing filter styles so that it works with almost an…

…y theme (#737) * refactor: store listing filter styles so that it works almost any theme * fix: some css adjustment for storefront theme * fix: some css adjustment for enfoled theme
getdokan · Jan 20, 2020 · fbb75a8 · fbb75a8
1 parent ddd3a91
commit fbb75a8
Show file tree

Hide file tree

Showing 9 changed files with 221 additions and 194 deletions.
diff --git a/assets/src/less/responsive.less b/assets/src/less/responsive.less
@@ -89,16 +89,15 @@
 
 @media (max-width: 767px) {
     #dokan-store-listing-filter-wrap {
-        .left {
-            .store-count {
-                margin-top: -5px;
-            }
-        }
+        display: block;
 
         .right {
+            justify-content: space-between;
+            margin-top: 15px;
+
             .item {
-                &:not(:first-child) {
-                    padding-left: 50px;
+                &.sort-by {
+                    margin: 0;
                 }
             }
         }
@@ -255,16 +254,7 @@
 @media (max-width: 430px) {
     #dokan-store-listing-filter-form-wrap {
         &:before {
-            left: -5%;
-        }
-
-        .right {
-            .item {
-                &:not(:first-child) {
-                    padding: 0;
-                    margin-left: 50px;
-                }
-            }
+            left: 10%;
         }
     }
 
@@ -466,10 +456,6 @@
     #dokan-store-listing-filter-wrap {
         .right {
             .item {
-                &:not(:first-child) {
-                    padding-left: 35px;
-                }
-
                 #stores_orderby {
                     padding: 8px 0px 8px 16px;
                 }
@@ -479,17 +465,6 @@
 }
 
 @media (max-width: 360px) {
-
-    #dokan-store-listing-filter-wrap {
-        .right {
-            .item {
-                &:not(:first-child) {
-                    padding-left: 20px;
-                }
-            }
-        }
-    }
-
     .dokan-single-store {
         .profile-frame {
             .profile-info-box.profile-layout-layout1 {