--- a/wp/wp-admin/css/admin-menu-rtl.css Tue Jun 09 11:14:17 2015 +0000
+++ b/wp/wp-admin/css/admin-menu-rtl.css Mon Oct 14 17:39:30 2019 +0200
@@ -38,8 +38,8 @@
/* New Menu icons */
.icon16:before {
- color: #999;
- font: normal 20px/1 'dashicons';
+ color: #82878c; /* same as new icons */
+ font: normal 20px/1 dashicons;
speak: none;
padding: 6px 0;
height: 34px;
@@ -47,61 +47,60 @@
display: inline-block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
- -webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.icon16.icon-dashboard:before {
- content: '\f226';
+ content: "\f226";
}
.icon16.icon-post:before {
- content: '\f109';
+ content: "\f109";
}
.icon16.icon-media:before {
- content: '\f104';
+ content: "\f104";
}
.icon16.icon-links:before {
- content: '\f103';
+ content: "\f103";
}
.icon16.icon-page:before {
- content: '\f105';
+ content: "\f105";
}
.icon16.icon-comments:before {
- content: '\f101';
+ content: "\f101";
margin-top: 1px;
}
.icon16.icon-appearance:before {
- content: '\f100';
+ content: "\f100";
}
.icon16.icon-plugins:before {
- content: '\f106';
+ content: "\f106";
}
.icon16.icon-users:before {
- content: '\f110';
+ content: "\f110";
}
.icon16.icon-tools:before {
- content: '\f107';
+ content: "\f107";
}
.icon16.icon-settings:before {
- content: '\f108';
+ content: "\f108";
}
.icon16.icon-site:before {
- content: '\f112'
+ content: "\f541";
}
.icon16.icon-generic:before {
- content: '\f111';
+ content: "\f111";
}
/* hide background-image for icons above */
@@ -203,7 +202,6 @@
padding: 7px 0 8px;
z-index: 9999;
background-color: #32373c;
- -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}
@@ -227,7 +225,6 @@
bottom: auto;
border: 0 none;
margin-top: 0;
- -webkit-box-shadow: none;
box-shadow: none;
background-color: #32373c;
}
@@ -264,7 +261,7 @@
.folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
.folded #adminmenu a.menu-top:focus + .wp-submenu,
.folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
-.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu {
+.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu {
top: 0;
right: 36px;
}
@@ -283,9 +280,9 @@
#adminmenu .wp-submenu a {
font-size: 13px;
- line-height: 1.2;
+ line-height: 18px;
margin: 0;
- padding: 6px 0;
+ padding: 5px 0;
}
#adminmenu .wp-submenu li.current,
@@ -301,13 +298,12 @@
.folded #adminmenu .wp-has-current-submenu li > a {
padding-left: 16px;
padding-right: 14px;
- -webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
#adminmenu .wp-has-current-submenu ul > li > a,
.folded #adminmenu li.menu-top .wp-submenu > li > a {
- padding: 6px 12px;
+ padding: 5px 12px;
}
#adminmenu a.menu-top,
@@ -318,9 +314,13 @@
padding: 0;
}
-#adminmenu .wp-submenu-head,
+#adminmenu .wp-submenu-head {
+ display: none;
+}
+
.folded #adminmenu .wp-menu-name {
- display: none;
+ position: absolute;
+ right: -999px;
}
.folded #adminmenu .wp-submenu-head {
@@ -354,7 +354,6 @@
#adminmenu div.wp-menu-image.svg {
background-repeat: no-repeat;
background-position: center;
- -webkit-background-size: 20px auto;
background-size: 20px auto;
}
@@ -362,7 +361,6 @@
color: #a0a5aa;
color: rgba(240,245,250,0.6);
padding: 7px 0;
- -webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
@@ -512,29 +510,26 @@
border: 0 none;
}
+/* @todo: consider to use a single rule for these counters and the list table comments counters. */
#adminmenu .awaiting-mod,
#adminmenu .update-plugins {
display: inline-block;
- background-color: #d54e21;
+ vertical-align: top;
+ margin: 1px 2px 0 0;
+ padding: 0 5px;
+ min-width: 7px;
+ height: 17px;
+ border-radius: 11px;
+ background-color: #ca4a1f;
color: #fff;
font-size: 9px;
line-height: 17px;
- font-weight: 600;
- margin: 1px 2px 0 0;
- vertical-align: top;
- -webkit-border-radius: 10px;
- border-radius: 10px;
+ text-align: center;
z-index: 26;
}
-#adminmenu li .awaiting-mod span,
-#adminmenu li span.update-plugins span {
- display: block;
- padding: 0 6px;
-}
-
#adminmenu li.current a .awaiting-mod,
-#adminmenu li a.wp-has-current-submenu .update-plugins {
+#adminmenu li a.wp-has-current-submenu .update-plugins {
background-color: #00b9eb;
color: #fff;
}
@@ -543,79 +538,79 @@
display: none;
}
-#collapse-menu {
- font-size: 13px;
+#collapse-button {
+ display: block;
+ width: 100%;
+ height: 34px;
+ margin: 0;
+ border: none;
+ padding: 0;
+ position: relative;
+ overflow: visible;
line-height: 34px;
- margin-top: 10px;
- color: #a0a5aa;
- color: rgba(240,245,250,0.6);
- -webkit-transition: all .1s ease-in-out;
- transition: all .1s ease-in-out;
+ background: none;
+ color: #aaa;
+ cursor: pointer;
+ outline: 0;
}
-#collapse-menu:hover,
-#collapse-menu:hover #collapse-button div:after {
+#collapse-button:hover,
+#collapse-button:focus {
color: #00b9eb;
}
-.folded #collapse-menu span {
+#collapse-button .collapse-button-icon,
+#collapse-button .collapse-button-label {
+ /* absolutely positioned to avoid 1px shift in IE when button is pressed */
+ display: block;
+ position: absolute;
+ top: 0;
+ right: 0;
+ line-height: 34px;
+}
+
+#collapse-button .collapse-button-icon {
+ width: 36px;
+ height: 34px;
+}
+
+#collapse-button .collapse-button-label {
+ padding: 0 36px 0 0;
+}
+
+.folded #collapse-button .collapse-button-label {
display: none;
}
-#collapse-button,
-#collapse-button div {
- width: 15px;
- height: 15px;
-}
-
-#collapse-button {
- float: right;
- height: 15px;
- margin: 10px 11px 10px 8px;
- width: 15px;
- -webkit-border-radius: 10px;
- border-radius: 10px;
-}
-
-#wpwrap #collapse-button div {
- padding: 0;
-}
-
-#collapse-button div:after {
- content: '\f148';
+#collapse-button .collapse-button-icon:after {
+ content: "\f148";
display: block;
- line-height: 15px;
- right: -3px;
- top: -3px;
- color: #a0a5aa;
- color: rgba(240,245,250,0.6);
- font: normal 20px/1 'dashicons' !important;
+ position: relative;
+ top: 7px;
+ text-align: center;
+ font: normal 20px/1 dashicons !important;
speak: none;
- margin: 0 auto;
- padding: 0 !important;
- position: relative;
- text-align: center;
- width: 20px;
- -webkit-transition: all .1s ease-in-out;
- transition: all .1s ease-in-out;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* rtl:ignore */
-.folded #collapse-button div:after,
-.rtl #collapse-button div:after {
+.folded #collapse-button .collapse-button-icon:after,
+.rtl #collapse-button .collapse-button-icon:after {
-webkit-transform: rotate(180deg);
- -ms-transform: rotate(180deg);
transform: rotate(180deg);
}
-.rtl.folded #collapse-button div:after {
+.rtl.folded #collapse-button .collapse-button-icon:after {
-webkit-transform: none;
- -ms-transform: none;
transform: none;
}
+#collapse-button .collapse-button-icon:after,
+#collapse-button .collapse-button-label {
+ transition: all .1s ease-in-out;
+}
+
/**
* Toolbar menu toggle
*/
@@ -648,7 +643,7 @@
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
.auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
- .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
+ .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
top: 0px;
right: 36px;
}
@@ -678,7 +673,8 @@
}
.auto-fold #adminmenu .wp-menu-name {
- display: none;
+ position: absolute;
+ right: -999px;
}
.auto-fold #adminmenu .wp-submenu-head {
@@ -726,24 +722,18 @@
z-index: 10000;
}
- .auto-fold #collapse-menu span {
+ .auto-fold #collapse-menu .collapse-button-label {
display: none;
}
- .auto-fold #collapse-button div {
- background: none;
- }
-
/* rtl:ignore */
- .auto-fold #collapse-button div:after {
+ .auto-fold #collapse-button .collapse-button-icon:after {
-webkit-transform: rotate(180deg);
- -ms-transform: rotate(180deg);
transform: rotate(180deg);
}
- .rtl.auto-fold #collapse-button div:after {
+ .rtl.auto-fold #collapse-button .collapse-button-icon:after {
-webkit-transform: none;
- -ms-transform: none;
transform: none;
}
@@ -797,7 +787,7 @@
/* Restore the menu names */
.auto-fold #adminmenu .wp-menu-name {
- display: block;
+ position: static;
margin-right: 35px;
}
@@ -824,7 +814,6 @@
display: block;
top: 0;
right: -1px;
- -webkit-box-shadow: none;
box-shadow: none;
}
@@ -866,8 +855,6 @@
padding-left: 10px;
z-index: 99999;
border: none;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
box-sizing: border-box;
}
@@ -896,10 +883,10 @@
}
#wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
- content: '\f228';
+ content: "\f228";
display: inline-block;
float: right;
- font: normal 40px/45px 'Dashicons';
+ font: normal 40px/45px dashicons;
vertical-align: middle;
outline: none;
margin: 0;
@@ -911,10 +898,12 @@
border: none;
text-align: center;
text-decoration: none;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
box-sizing: border-box;
}
+
+ .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+ color: #00b9eb;
+ }
}
/* Smartphone */