Ticket #26200: 26200.5.diff

wp-content/themes/twentyfourteen/rtl.css

@@ -533 +533 @@
 
         .primary-navigation {
                 float: left;
-                margin: 0 -10px 0 1px;
+                margin: 0 -12px 0 1px;
         }
 
         .primary-navigation ul ul {
@@ -559 +559 @@
                 right: 100%;
                 left: auto;
         }
+
+        .primary-navigation .menu-item-has-children > a,
+        .primary-navigation .page_item_has_children > a {
+                padding-right: 12px;
+                padding-left: 26px;
+        }
+
+        .primary-navigation .menu-item-has-children > a:after,
+        .primary-navigation .page_item_has_children > a:after {
+                right: auto;
+                left: 12px;
+        }
+
+        .primary-navigation li .menu-item-has-children > a,
+        .primary-navigation li .page_item_has_children > a {
+                padding-right: 12px;
+                padding-left: 20px;
+        }
+
+        .primary-navigation .menu-item-has-children li > a:after,
+        .primary-navigation .page_item_has_children li > a:after {
+                border-right-color: #fff;
+                border-left-color: transparent;
+                right: auto;
+                left: 8px;
+        }
 }
 
 @media screen and (min-width: 810px) {
@@ -660 +686 @@
                 left: auto;
         }
 
+        .secondary-navigation .menu-item-has-children > a {
+                padding-right: 30px;
+                padding-left: 38px;
+        }
+
+        .secondary-navigation .menu-item-has-children > a:after {
+                border-right-color: #fff;
+                border-left-color: transparent;
+                right: auto;
+                left: 26px;
+        }
+
         .footer-sidebar .widget {
                 float: right;
         }

wp-content/themes/twentyfourteen/style.css

@@ -3305 +3305 @@
         .primary-navigation {
                 float: right;
                 font-size: 11px;
-                margin: 0 1px 0 -10px;
+                margin: 0 1px 0 -12px;
                 padding: 0;
                 text-transform: uppercase;
         }
@@ -3336 +3336 @@
 
         .primary-navigation a {
                 display: inline-block;
-                padding: 0 10px;
+                padding: 0 12px;
                 white-space: nowrap;
         }
 
@@ -3388 +3388 @@
         .primary-navigation ul ul li.focus > ul {
                 left: 100%;
         }
+
+        .primary-navigation .menu-item-has-children > a,
+        .primary-navigation .page_item_has_children > a {
+                padding-right: 26px;
+        }
+
+        .primary-navigation .menu-item-has-children > a:after,
+        .primary-navigation .page_item_has_children > a:after {
+                border: 4px solid transparent;
+                border-top-color: #fff;
+                content: "";
+                margin-top: -2px;
+                position: absolute;
+                top: 50%;
+                right: 12px;
+        }
+
+        .primary-navigation li .menu-item-has-children > a,
+        .primary-navigation li .page_item_has_children > a {
+                padding-right: 20px;
+                width: 168px;
+        }
+
+        .primary-navigation .menu-item-has-children li > a:after,
+        .primary-navigation .page_item_has_children li > a:after {
+                border-top-color: transparent;
+                border-left-color: #fff;
+                margin-top: -4px;
+                right: 8px;
+        }
 }
 
 @media screen and (min-width: 810px) {
@@ -3587 +3617 @@
                 left: 162px;
         }
 
+        .secondary-navigation .menu-item-has-children > a {
+                padding-right: 38px;
+        }
+
+        .secondary-navigation .menu-item-has-children > a:after {
+                border: 4px solid transparent;
+                border-left-color: #fff;
+                content: "";
+                margin-top: -4px;
+                position: absolute;
+                top: 50%;
+                right: 26px;
+        }
+
         .footer-sidebar .widget,
         .primary-sidebar .widget {
                 font-size: 12px;