Switch leftpanel typo color to rgb() instead of rgba() for IE8.

Error-catching on components load - was breaking ie8 interface.
pydio · Mar 16, 2016 · a0e24fb · a0e24fb
1 parent 98e3bca
commit a0e24fb
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 14 deletions.
diff --git a/core/src/plugins/gui.ajax/res/js/ui/prototype/class.PydioUI.js b/core/src/plugins/gui.ajax/res/js/ui/prototype/class.PydioUI.js
@@ -262,7 +262,13 @@ Class.create("PydioUI", {
             for(var i=compRegistry.length;i>0;i--){
                 var el = compRegistry[i-1];
                 var ajxpId = el.ajxpId;
-                compRegistry[i-1] = new el['ajxpClass'](el.ajxpNode, el.ajxpOptions);
+                try{
+                    compRegistry[i-1] = new el['ajxpClass'](el.ajxpNode, el.ajxpOptions);
+                }catch(e){
+                    if(console){
+                        console.error('Error while initializing component', el, e);
+                    }
+                }
                 this._instancesCache.set(ajxpId, compRegistry[i-1]);
                 lastInst = compRegistry[i-1];
             }

diff --git a/core/src/plugins/gui.ajax/res/js/ui/reactjs/jsx/LeftNavigation.js b/core/src/plugins/gui.ajax/res/js/ui/reactjs/jsx/LeftNavigation.js
@@ -61,11 +61,16 @@
             this._timer = global.setTimeout(this.closeNavigation, 3000);
 
             this._reloadObserver = function(){
-
-                if(this.isMounted()){
-                    this.setState({
-                        workspaces:this.props.pydio.user.getRepositoriesList()
-                    });
+                try{
+                    if(this.isMounted()){
+                        this.setState({
+                            workspaces:this.props.pydio.user.getRepositoriesList()
+                        });
+                    }
+                }catch(e){
+                    if(global.console){
+                        console.error('Error while setting state on LeftNavigation component - Probably height error on IE8', e);
+                    }
                 }
             }.bind(this);
 

diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/components/leftpanel.less b/core/src/plugins/gui.ajax/res/themes/orbit/css/components/leftpanel.less
@@ -1,7 +1,7 @@
 @leftpanel_width:250px;
 @leftpanel_top_position:60px;
 @leftpanel_background_color:@white;
-@leftpanel_text_color:rgba(255,255,255,0.92);
+@leftpanel_text_color:rgb(221,221,221);
 @leftpanel_zindex:1001;
 @leftpanel_box_shadow:@reactBoxShadowDepth1;
 @leftpanel_closed_width:45px;

diff --git a/core/src/plugins/gui.ajax/res/themes/orbit/css/pydio.css b/core/src/plugins/gui.ajax/res/themes/orbit/css/pydio.css
@@ -4050,7 +4050,7 @@ div.menu.rootDirChooser span.rootDirTitle {
   font-family: Roboto, sans-serif;
   -webkit-font-smoothing: antialiased;
   font-size: 13px;
-  color: rgba(255, 255, 255, 0.92);
+  color: #dddddd;
   overflow-y: auto;
   box-sizing: border-box;
   transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
@@ -4062,7 +4062,7 @@ div.menu.rootDirChooser span.rootDirTitle {
 .left-panel .section-title {
   padding: 16px 16px ;
   font-weight: 500;
-  border-top: 1px solid rgba(255, 255, 255, 0.3);
+  border-top: 1px solid rgba(221, 221, 221, 0.3);
   margin-top: 10px;
   transition: all 550ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
   white-space: nowrap;
@@ -4125,7 +4125,7 @@ div.menu.rootDirChooser span.rootDirTitle {
   text-align: center;
   font-size: 0.9em;
   font-weight: 500;
-  background-color: rgba(255, 255, 255, 0.92);
+  background-color: #dddddd;
   color: #353535;
   border-radius: 50%;
   position: relative;
@@ -4134,7 +4134,7 @@ div.menu.rootDirChooser span.rootDirTitle {
   display: none;
 }
 .left-panel .workspaces .workspace-entry .workspace-num-badge {
-  background-color: rgba(255, 255, 255, 0.92);
+  background-color: #dddddd;
   color: #353535;
   display: inline-block;
   line-height: 0.9em;
@@ -4215,15 +4215,15 @@ div.menu.rootDirChooser span.rootDirTitle {
   position: absolute;
   top: 16px;
   right: 60px;
-  color: rgba(179, 179, 179, 0.92);
+  color: #919191;
 }
 .left-panel .simple-provider .toggle-button {
   cursor: pointer;
   float: right;
-  color: rgba(179, 179, 179, 0.92);
+  color: #919191;
 }
 .left-panel .simple-provider .toggle-button:hover {
-  color: rgba(255, 255, 255, 0.92);
+  color: #dddddd;
 }
 .left-panel .simple-provider .section-title {
   border-top: 0;