Merge pull request #5407 from nextcloud/5157-simple-logo

Simplified Nextcloud logo icon #2

5 files changed, 14 insertions, 19 deletions

diff --git a/core/css/guest.css b/core/css/guest.css
index 32af45e0881..b3a1de6e32f 100644
--- a/core/css/guest.css
+++ b/core/css/guest.css
@@ -65,12 +65,12 @@ h3 {
 	padding-top: 100px;
 }
 #header .logo {
-	background-image: url('../img/logo-icon.svg?v=1');
+	background-image: url('../img/logo.svg?v=1');
 	background-repeat: no-repeat;
 	background-size: 175px;
 	background-position: center;
-	width: 252px;
-	min-height: 120px;
+	width: 256px;
+	min-height: 128px;
 	max-height: 200px;
 	margin: 0 auto;
 }
diff --git a/core/css/header.scss b/core/css/header.scss
index cd6933d2755..c4d4205103a 100644
--- a/core/css/header.scss
+++ b/core/css/header.scss
@@ -100,13 +100,17 @@
 
 #header {
 	.logo {
-		background-image: url('#{$image-logo}');
+		display: inline-flex;
+		background-image: url($image-logo);
 		background-repeat: no-repeat;
-		background-size: 175px;
+		background-size: contain;
 		background-position: center;
-		width: 252px;
-		height: 120px;
+		width: 256px;
+		height: 128px;
 		margin: 0 auto;
+		&.logo-icon {
+			width: 62px;
+			height: 34px;
 
 		img {
 			opacity: 0;
@@ -114,15 +118,7 @@
 			max-height: 200px;
 		}
 	}
-	.logo-icon {
-		/* display logo so appname can be shown next to it */
-		display: inline-block;
-		background-image: url($image-logo);
-		background-repeat: no-repeat;
-		background-position: center center;
-		background-size: contain;
-		width: 62px;
-		height: 34px;
+
 	}
 	.header-appname-container {
 		display: none;
diff --git a/core/img/logo-icon.svg b/core/img/logo-icon.svg
deleted file mode 100644
index 4e5be881e89..00000000000
--- a/core/img/logo-icon.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="34" width="62" viewBox="0 0 62.000002 34"><path style="text-decoration-color:#000;isolation:auto;mix-blend-mode:normal;block-progression:tb;text-decoration-line:none;text-indent:0;text-transform:none;text-decoration-style:solid" fill="#fff" d="M31.6 4c-5.95 0-10.947 4.075-12.473 9.555-1.333-2.93-4.266-5.01-7.674-5.01C6.815 8.546 3 12.36 3 17c0 4.64 3.814 8.453 8.453 8.454 3.41 0 6.34-2.08 7.672-5.01C20.65 25.923 25.65 30 31.6 30c5.918 0 10.89-4.03 12.448-9.465 1.354 2.878 4.242 4.918 7.61 4.92 4.64 0 8.456-3.816 8.456-8.456s-3.816-8.455-8.455-8.454c-3.37 0-6.26 2.04-7.614 4.918C42.486 8.03 37.518 4 31.6 4zm0 4.962A8 8 0 0 1 39.64 17a8 8 0 0 1-8.04 8.038 8 8 0 0 1-8.037-8.04A8 8 0 0 1 31.6 8.963zm-20.147 4.546a3.454 3.454 0 0 1 3.49 3.49 3.455 3.455 0 0 1-3.49 3.494A3.455 3.455 0 0 1 7.963 17a3.454 3.454 0 0 1 3.49-3.492zm40.205 0a3.455 3.455 0 0 1 3.493 3.49 3.455 3.455 0 0 1-3.492 3.494A3.455 3.455 0 0 1 48.168 17a3.454 3.454 0 0 1 3.49-3.492z" color="#000" white-space="normal"/></svg>
\ No newline at end of file
diff --git a/core/img/logo.svg b/core/img/logo.svg
index a6e6212e4b9..5fdf57a016d 100644
--- a/core/img/logo.svg
+++ b/core/img/logo.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="120" width="252" viewBox="0 0 252.00001 120.00171"><path style="text-decoration-color:#000;isolation:auto;mix-blend-mode:normal;block-progression:tb;text-decoration-line:none;text-indent:0;text-transform:none;text-decoration-style:solid" fill="#fff" d="M126.19 3.19c-26.05.003-47.917 17.835-54.6 41.827C65.758 32.185 52.92 23.09 38.002 23.09c-20.305.002-37 16.697-37.002 37.002-.004 20.31 16.693 37.008 37.002 37.01 14.918-.002 27.748-9.1 33.58-21.935C78.262 99.162 100.14 117 126.19 117c25.904.003 47.668-17.64 54.486-41.43 5.927 12.597 18.568 21.53 33.314 21.532 20.313.004 37.013-16.697 37.01-37.01-.002-20.31-16.7-37.006-37.01-37.002-14.746.002-27.395 8.933-33.32 21.53C173.86 20.83 152.1 3.19 126.2 3.19zm0 21.72c19.56 0 35.186 15.62 35.188 35.182 0 19.563-15.625 35.19-35.188 35.188-19.56 0-35.182-15.627-35.18-35.188.002-19.56 15.62-35.18 35.18-35.18zm-88.188 19.9c8.57.002 15.28 6.713 15.28 15.282.002 8.57-6.71 15.288-15.28 15.29-8.57-.002-15.283-6.72-15.28-15.29 0-8.57 6.71-15.28 15.28-15.28zm175.99 0c8.57 0 15.288 6.71 15.29 15.282 0 8.573-6.717 15.29-15.29 15.29-8.57-.002-15.283-6.72-15.28-15.29 0-8.57 6.71-15.28 15.28-15.28z" color="#000" white-space="normal"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" height="128" width="256" version="1.1"><g stroke="#fff" stroke-width="22" fill="none"><circle cy="64" cx="40" r="26"/><circle cy="64" cx="216" r="26"/><circle cy="64" cx="128" r="46"/></g></svg>
diff --git a/core/templates/layout.user.php b/core/templates/layout.user.php
index 7d54d9b21f7..a1074b4c76c 100644
--- a/core/templates/layout.user.php
+++ b/core/templates/layout.user.php
@@ -34,7 +34,7 @@
 			<div id="header-left">
 				<a href="<?php print_unescaped(link_to('', 'index.php')); ?>"
 					id="nextcloud" tabindex="1">
-					<div class="logo-icon">
+					<div class="logo logo-icon">
 						<h1 class="hidden-visually">
 							<?php p($theme->getName()); ?>
 						</h1>