Fix css artefact in user Dashboard. Should fix #1244

Author: cdujeu

core/src/plugins/access.ajxp_user/dashboard.css

@@ -1,4 +1,7 @@
-#userdashboard_main_tab {
+#userdashboard_main_tab,
+#userdashboard_myparams_title {
+  opacity: 1 !important;
+  transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
   font-family: Roboto, sans-serif;
   -webkit-font-smoothing: antialiased;
 }
@@ -231,25 +234,25 @@
 }
 div#userdashboard_myparams_title {
   position: absolute;
-  color: #ffffff;
-  padding: 25px 16px;
-  height: 63px;
-  font-size: 12px;
   width: 240px;
   box-sizing: border-box;
   bottom: 0;
   z-index: 2;
-  letter-spacing: 1px;
-  font-weight: 500;
   white-space: nowrap;
-  overflow-x: hidden;
+  overflow: hidden;
 }
 div#userdashboard_myparams_title span#dash_title {
   display: none;
 }
 div#userdashboard_myparams_title a#dash_back_workspace {
+  color: rgba(255, 255, 255, 0.8);
+  font-size: 14px;
   display: block;
   cursor: pointer;
+  padding: 25px;
+}
+div#userdashboard_myparams_title a#dash_back_workspace:hover {
+  color: #ffffff;
 }
 @media only screen and (max-width: 800px) {
   div#userdashboard_myparams_title {

core/src/plugins/access.ajxp_user/dashboard.less

@@ -3,9 +3,14 @@
 @break2: 200px;
 @break3: 240px;
 
-#userdashboard_main_tab{
+#userdashboard_main_tab, #userdashboard_myparams_title{
+  opacity: 1 !important;
+  transition: @bezier_transition;
   font-family: Roboto, sans-serif;
   -webkit-font-smoothing: antialiased;
+}
+
+#userdashboard_main_tab{
 
   &.horizontal_tabulator {
     display: block;
@@ -236,27 +241,26 @@
 div#userdashboard_myparams_title{
 
   position: absolute;
-  color: #ffffff;
-  padding: 25px 16px;
-  height: 63px;
-  font-size: 12px;
   width: @break3;
   box-sizing: border-box;
   bottom: 0;
   z-index: 2;
-  letter-spacing: 1px;
-  font-weight: 500;
-
   white-space: nowrap;
-  overflow-x: hidden;
+  overflow: hidden;
 
   span#dash_title{
       display: none;
   }
 
   a#dash_back_workspace{
-      display: block;
-      cursor: pointer;
+    color: rgba(255,255,255,0.8);
+    font-size: 14px;
+    display: block;
+    cursor: pointer;
+    padding: 25px;
+    &:hover{
+      color: #ffffff;
+    }
   }
 
   @media only screen

core/src/plugins/access.ajxp_user/manifest.xml

@@ -17,11 +17,11 @@
 	<registry_contributions>
 		<client_configs>
             <template_part ajxpId="orbit_content" ajxpClass="AjxpPane" ajxpOptions='{"fit":"height","fitParent":"ajxp_desktop", "fakeOptionUser":"true", "messageBoxReference":true}' theme="orbit"><![CDATA[
-                <div id="userdashboard_myparams_title" ajxp_message_id="user_dash.title">
+                <div id="userdashboard_myparams_title" style="opacity:0;" ajxp_message_id="user_dash.title">
                     <a id="dash_back_workspace" onclick="ajaxplorer.triggerRepositoryChange('ajxp_home'); return false;"><span class="icon-chevron-left"></span> AJXP_MESSAGE[user_dash.53]</a>
                     <span id="dash_title">AJXP_MESSAGE[user_dash.title]</span>
                 </div>
-                <div id="userdashboard_main_tab" ajxpClass="AjxpTabulator" class="dashboard_main_pane horizontal_tabulator left_tabulator" ajxpOptions='{"fit":"height", "fitMarginBottom":0, "fitParent":"orbit_content", "registerAsEditorOpener":false, "saveState":false, "route":{"base":"/dashboard"}, "events":{}, "tabsTips":"middle right", "defaultTabId": "profile","tabInfos" : [{"id":"profile","label":"user_dash.43", "title":"user_dash.43t","iconClass":"icon-cog", "element":"account_pane"}]}'>
+                <div id="userdashboard_main_tab" style="opacity:0;" ajxpClass="AjxpTabulator" class="dashboard_main_pane horizontal_tabulator left_tabulator" ajxpOptions='{"fit":"height", "fitMarginBottom":0, "fitParent":"orbit_content", "registerAsEditorOpener":false, "saveState":false, "route":{"base":"/dashboard"}, "events":{}, "tabsTips":"middle right", "defaultTabId": "profile","tabInfos" : [{"id":"profile","label":"user_dash.43", "title":"user_dash.43t","iconClass":"icon-cog", "element":"account_pane"}]}'>
                     <div id="account_pane" ajxpClass="AjxpReactComponent" class="tabbed_editor" ajxpOptions='{"componentNamespace":"UserAccount","componentName":"ProfilePane"}'></div>
                 </div>
 			]]></template_part>