fix plugin integration in workzone

resources/www/prod/skins/skin-shared.scss

@@ -1,6 +1,7 @@
 $proposalColor: #4c5d84;
 $thesaurusColor: #884c92;
 $basketsColor: #076882;
+$pluginsColor: #FFF;
 
 @import '../../_shared/styles/variables';
 
@@ -530,6 +531,7 @@ h4 {
 @import 'ui-components/workzone-thesaurus';
 @import 'ui-components/workzone-baskets';
 @import 'ui-components/workzone-proposals';
+@import 'ui-components/workzone-plugins';
 @import 'ui-components/actions';
 @import 'ui-components/gui';
 @import 'ui-components/gui-misc';

resources/www/prod/skins/ui-components/_workzone-plugins.scss

@@ -0,0 +1,10 @@
+
+#idFrameC {
+
+  #plugins {
+    //position: relative;
+    //left: 5px;
+    //border-top: 1px solid $darkBorderColor;
+    top: $tabHeight !important;
+  }
+}

resources/www/prod/skins/ui-components/_workzone.scss

@@ -100,6 +100,11 @@ $workzoneTabDisabledTextColor: $mediumTextActiveColor !default;
         &.baskets.ui-state-active a {
           border-bottom: 3px solid $basketsColor;
         }
+        &.plugins.ui-state-active a {
+          border-bottom: 3px solid $pluginsColor;
+        }
+
+
         a {
           padding: 0;
           margin: 0;
@@ -136,7 +141,7 @@ $workzoneTabDisabledTextColor: $mediumTextActiveColor !default;
     width: 100%;
   }
   .icon-menu {
-    .WZtabs {
+    .WZtabs, .WZplugins {
       display: block;
       width: 70px;
       height: 82px;

templates/web/prod/tab_headers.html.twig

@@ -22,7 +22,7 @@
                 </a>
             </li>
             {% if plugins.workzone is not empty %}
-                <li>
+                <li class="plugins">
                     <a href="#plugins" class="WZplugins">
                         <img src="/skins/icons/plugins.png" title="{{ 'phraseanet:: plugin.workzone' | trans }}"/>
                     </a>