wip

css/layout-paragraphs-widget.css

@@ -171,7 +171,7 @@ fieldset.layout-paragraphs-field > legend {
 .layout-down:focus,
 .layout-up:focus {
   opacity: 1;
-  box-shadow: 0px 0px 5px 1px #0074bd;
+  outline: 2px solid #0074bd;
 }
 .layout-handle {
   background: url(../img/icon-move.png) 0 0 no-repeat;
@@ -260,8 +260,12 @@ fieldset.layout-paragraphs-field > legend {
 .layout-paragraphs-field .layout-paragraphs-actions input.layout-paragraphs-edit:focus,
 .layout-paragraphs-field .layout-paragraphs-actions input.layout-paragraphs-remove:focus {
   opacity: 1;
-  outline: none;
-  box-shadow: 0px 0px 5px 1px #0074bd;
+}
+.layout-paragraphs-field .layout-paragraphs-actions input.layout-paragraphs-edit:focus,
+.layout-paragraphs-field .layout-paragraphs-actions input.layout-paragraphs-remove:focus {
+  border: none;
+  box-shadow: none;
+  outline: 2px solid #0074bd;
 }
 
 /* -- Add content and add section buttons. -- */
@@ -329,7 +333,7 @@ button.layout-paragraphs-add-content__toggle:focus{
   opacity: .75;
 }
 button.layout-paragraphs-add-content__toggle:focus{
-  box-shadow: 0px 0px 5px 1px #0074bd;
+  outline: 2px solid #0074bd;
 }
 button.layout-paragraphs-add-content__toggle:hover,
 button.layout-paragraphs-add-content__toggle.active,