move plot.ly logo on top for vertical modebar

Author: antoinerg

build/plotcss.js

@@ -37,7 +37,6 @@ var rules = {
     "X .modebar-group": "float:left;display:inline-block;box-sizing:border-box;margin-left:8px;position:relative;vertical-align:middle;white-space:nowrap;",
     "X .modebar-btn": "position:relative;font-size:16px;padding:3px 4px;height:22px;cursor:pointer;line-height:normal;box-sizing:border-box;",
     "X .modebar-btn svg": "position:relative;top:2px;",
-    "X .modebar-btn.modebar-btn--logo": "font-size:20px;",
     "X .modebar.vertical .modebar-group": "display:block;float:none;margin-left:0px;margin-top:8px;",
     "X .modebar.vertical .modebar-group .modebar-btn": "display:block;text-align:center;",
     "X [data-title]:before,X [data-title]:after": "position:absolute;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);display:none;opacity:0;z-index:1001;pointer-events:none;top:110%;right:50%;",

src/components/modebar/modebar.js

@@ -70,7 +70,12 @@ proto.update = function(graphInfo, buttons) {
         this.updateButtons(buttons, context.modeBarStyle.iconColor);
 
         if(context.displaylogo) {
-            this.element.appendChild(this.getLogo());
+            if(context.modeBarStyle.orientation === 'v') {
+                this.element.prepend(this.getLogo());
+            } else {
+                this.element.appendChild(this.getLogo());
+            }
+
             this.hasLogo = true;
         }
     }

src/css/_modebar.scss

@@ -40,7 +40,7 @@
     }
 
     &.modebar-btn--logo {
-        font-size: 20px;
+
     }
 }