Merge pull request #825 from replicatedhq/grayson-logo-fixes

ensure that size and positioning of app icons are consistent throughout the app
replicatedhq · Jul 21, 2020 · 30ead97 · 30ead97
2 parents afea474 + bcdc360
commit 30ead97
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 5 deletions.
diff --git a/kotsadm/web/src/scss/components/Login.scss b/kotsadm/web/src/scss/components/Login.scss
@@ -20,7 +20,8 @@
     height: 60px;
     border-radius: 50%;
     background-position: center;
-    background-size: cover;
+    background-size: contain;
+    background-repeat: no-repeat;
     box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
   }
 

diff --git a/kotsadm/web/src/scss/components/gitops/GitOpsDeploymentManager.scss b/kotsadm/web/src/scss/components/gitops/GitOpsDeploymentManager.scss
@@ -51,7 +51,8 @@
 .appIcon {
   width: 36px;
   height: 36px;
-  background-size: cover;
+  background-size: contain;
+  background-position: center;
   background-repeat: no-repeat;
   border-radius: 100%;
   box-shadow: inset 0 0 3px rgba(0,0,0,0.16);

diff --git a/kotsadm/web/src/scss/components/gitops/GitOpsSettings.scss b/kotsadm/web/src/scss/components/gitops/GitOpsSettings.scss
@@ -13,7 +13,8 @@
 .appIcon {
   width: 50px;
   height: 50px;
-  background-size: cover;
+  background-size: contain;
+  background-position: center;
   background-repeat: no-repeat;
   border-radius: 100%;
   box-shadow: inset 0 0 3px rgba(0,0,0,0.16);

diff --git a/kotsadm/web/src/scss/components/shared/SideBar.scss b/kotsadm/web/src/scss/components/shared/SideBar.scss
@@ -33,7 +33,8 @@
   height: 36px;
   width: 36px;
   background-position: center;
-  background-size: cover;
+  background-size: contain;
+  background-repeat: no-repeat;
   margin-right: 10px;
   border-radius: 40px;
   box-shadow: inset 0 0 3px rgba(0,0,0,0.3);

diff --git a/kotsadm/web/src/scss/components/watches/WatchDetailPage.scss b/kotsadm/web/src/scss/components/watches/WatchDetailPage.scss
@@ -113,7 +113,8 @@
     .DetailPageApplication--appIcon {
       width: 80px;
       height: 80px;
-      background-size: cover;
+      background-size: contain;
+      background-position: center;
       background-repeat: no-repeat;
       border-radius: 100%;
       box-shadow: inset 0 0 3px rgba(0,0,0,0.16);