Allow for configurable logo in the top left corner using ENTERPRISE_LOGO_URL parameter.

static/css/quay.css

@@ -38,7 +38,12 @@
 }
 
 #quay-logo {
+  height: 36px;
   width: 100px;
+  background-repeat: no-repeat;
+  background-size: contain;
+  background-position: center;
+  display: inline-block;
 }
 
 #padding-container {
@@ -2864,10 +2869,8 @@ p.editable:hover i {
 
 .navbar-brand {
   padding: 6px;
-}
-
-.navbar-brand img {
-  height: 36px;
+  line-height: 1px;
+  font-size: 1px;
 }
 
 .user-dropdown > img {

static/directives/header-bar.html

@@ -4,7 +4,7 @@
     ≡
   </button>
   <a class="navbar-brand" href="/" target="{{ appLinkTarget() }}">
-    <img id="quay-logo" src="/static/img/quay-logo.png">
+    <span id="quay-logo" style="background-image: url('{{ getEnterpriseLogo() }}')"></span>
   </a>
 </div>
 

static/js/app.js

@@ -4072,7 +4072,7 @@ quayApp.directive('headerBar', function () {
     restrict: 'C',
     scope: {
     },
-    controller: function($scope, $element, $location, UserService, PlanService, ApiService, NotificationService) {
+    controller: function($scope, $element, $location, UserService, PlanService, ApiService, NotificationService, Config) {
       $scope.notificationService = NotificationService;
 
       // Monitor any user changes and place the current user into the scope.
@@ -4091,6 +4091,14 @@ quayApp.directive('headerBar', function () {
         }
         return "";
       };
+
+      $scope.getEnterpriseLogo = function() {
+        if (!Config.ENTERPRISE_LOGO_URL) {
+          return '/static/img/quay-logo.png';
+        }
+
+        return Config.ENTERPRISE_LOGO_URL;
+      };
     }
   };
   return directiveDefinitionObject;