Browse Source

Dara: Fixes the issue with the Orders table extending beyond the content container by moving the My Account navigation from the side to the top. See #32

Danny Dudzic 7 years ago
parent
commit
1db4f4860a
3 changed files with 31 additions and 17 deletions
  1. 1 1
      dara/style.css
  2. 15 8
      dara/woocommerce-rtl.css
  3. 15 8
      dara/woocommerce.css

+ 1 - 1
dara/style.css

@@ -4,7 +4,7 @@ Theme URI: http://wordpress.com/themes/dara/
 Author: Automattic
 Author URI: http://wordpress.com/themes/
 Description: With bold featured images and bright, cheerful colors, Dara is ready to get to work for your business.
-Version: 1.2.1-wpcom
+Version: 1.2.2-wpcom
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: dara

+ 15 - 8
dara/woocommerce-rtl.css

@@ -3242,14 +3242,21 @@ form .form-row-wide {
   position: relative;
 }
 
-.woocommerce-account .woocommerce-MyAccount-navigation {
-  float: right;
-  width: 30%;
-}
-
-.woocommerce-account .woocommerce-MyAccount-content {
-  float: left;
-  width: 68%;
+@media screen and (min-width: 768px) {
+  .woocommerce-account .woocommerce-MyAccount-navigation {
+    display: block;
+  }
+  .woocommerce-account .woocommerce-MyAccount-navigation ul {
+	margin-bottom: 1em;
+    margin-right: 0;
+  }
+  .woocommerce-account .woocommerce-MyAccount-navigation ul li {
+    display: inline-block;
+    margin-left: 0.8em;
+  }
+  .woocommerce-account .woocommerce-MyAccount-navigation ul li:last-of-type {
+    margin-left: 0;
+  }
 }
 
 .woocommerce-account .woocommerce-MyAccount-content table .button {

+ 15 - 8
dara/woocommerce.css

@@ -3245,14 +3245,21 @@ form .form-row-wide {
   position: relative;
 }
 
-.woocommerce-account .woocommerce-MyAccount-navigation {
-  float: left;
-  width: 30%;
-}
-
-.woocommerce-account .woocommerce-MyAccount-content {
-  float: right;
-  width: 68%;
+@media screen and (min-width: 768px) {
+  .woocommerce-account .woocommerce-MyAccount-navigation {
+    display: block;
+  }
+  .woocommerce-account .woocommerce-MyAccount-navigation ul {
+	margin-bottom: 1em;
+    margin-left: 0;
+  }
+  .woocommerce-account .woocommerce-MyAccount-navigation ul li {
+    display: inline-block;
+    margin-right: 0.8em;
+  }
+  .woocommerce-account .woocommerce-MyAccount-navigation ul li:last-of-type {
+    margin-right: 0;
+  }
 }
 
 .woocommerce-account .woocommerce-MyAccount-content table .button {