Merge pull request #1844 from opf/feature/14436_attribute_expansion_cannot_be_reached_by_keyboard

14436 attribute expansion cannot be reached by keyboard

app/assets/stylesheets/content/_work_packages_details_overview.sass

@@ -0,0 +1,33 @@
+/*-- copyright
+ * OpenProject is a project management system.
+ * Copyright (C) 2012-2014 the OpenProject Foundation (OPF)
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU General Public License version 3.
+ *
+ * OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows:
+ * Copyright (C) 2006-2013 Jean-Philippe Lang
+ * Copyright (C) 2010-2013 the ChiliProject Team
+ *
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU General Public License
+ * as published by the Free Software Foundation; either version 2
+ * of the License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program; if not, write to the Free Software
+ * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+ *
+ * See doc/COPYRIGHT.rdoc for more details.  ++
+ */
+
+.panel-toggler
+  a
+    color: inherit
+    &:hover
+      text-decoration: inherit

app/assets/stylesheets/default.css.sass

@@ -62,6 +62,7 @@
 @import content/work_packages_details_activities
 @import content/work_packages_details_attachments
 @import content/work_packages_details_pane_tables
+@import content/work_packages_details_overview
 @import content/expandable_group_content
 @import content/control_colors
 @import content/components_add_comments_default

public/templates/work_packages/tabs/_panel_expander.html

@@ -2,14 +2,16 @@
      ng-click="collapsed = !collapsed">
   <fieldset>
     <legend align="center">
-      <span ng-if="!collapsed">
-        <i class="icon-arrow-right5-3"></i>
-        <span ng-bind="collapseText"/>
-      </span>
-      <span ng-if="collapsed">
-        <i class="icon-arrow-right5-2"></i>
-        <span ng-bind="expandText"/>
-      </span>
+      <accessible-by-keyboard>
+        <span ng-if="!collapsed">
+          <i class="icon-arrow-right5-3"></i>
+          <span ng-bind="collapseText"/>
+        </span>
+        <span ng-if="collapsed">
+          <i class="icon-arrow-right5-2"></i>
+          <span ng-bind="expandText"/>
+        </span>
+      </accessible-by-keyboard>
     </legend>
   </fieldset>
 </div>