Bug 1116578 - Make customize mode keyboard accessible by allowing tabbing through the toolbarpaletteitems and using the context menu key (Shift+F10) on Windows to open the context menu and move items between customizable areas. r?gijs
MozReview-Commit-ID: 2Vjfh9AwpQ7
--- a/browser/base/content/browser.css
+++ b/browser/base/content/browser.css
@@ -332,16 +332,24 @@ toolbarpaletteitem > toolbaritem[sdkstyl
display: -moz-box;
}
toolbarpaletteitem[removable="false"] {
opacity: 0.5;
cursor: default;
}
+%ifndef XP_MACOSX
+toolbarpaletteitem[place="palette"],
+toolbarpaletteitem[place="panel"],
+toolbarpaletteitem[place="toolbar"] {
+ -moz-user-focus: normal;
+}
+%endif
+
#bookmarks-toolbar-placeholder,
toolbarpaletteitem > #personal-bookmarks > #PlacesToolbar,
#personal-bookmarks[cui-areatype="menu-panel"] > #PlacesToolbar,
#personal-bookmarks[cui-areatype="toolbar"][overflowedItem=true] > #PlacesToolbar {
display: none;
}
#PlacesToolbarDropIndicatorHolder {
--- a/browser/themes/shared/customizableui/customizeMode.inc.css
+++ b/browser/themes/shared/customizableui/customizeMode.inc.css
@@ -256,16 +256,24 @@ toolbarpaletteitem[place="toolbar"] {
margin-right: 0;
margin-left: 0;
}
#customization-palette:not([hidden]) {
margin-bottom: 25px;
}
+toolbarpaletteitem[place="palette"]:-moz-focusring,
+toolbarpaletteitem[place="panel"]:-moz-focusring,
+toolbarpaletteitem[place="toolbar"]:-moz-focusring {
+ outline: 1px dotted rgba(0,0,0,.5);
+ outline-offset: -5px;
+ -moz-outline-radius: 2.5px;
+}
+
#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton,
#wrapper-edit-controls[place="palette"] > #edit-controls > separator,
#wrapper-zoom-controls[place="palette"] > #zoom-controls > toolbarbutton,
#wrapper-zoom-controls[place="palette"] > #zoom-controls > separator {
margin-top: 20px;
}
#wrapper-edit-controls[place="palette"] > #edit-controls > toolbarbutton,