From 607fb1fff84b8bd2f71d66f0335ccbaea7f958b8 Mon Sep 17 00:00:00 2001
From: Georgios Kalpakas <kalpakas.g@gmail.com>
Date: Wed, 14 Jun 2017 01:13:33 +0300
Subject: [PATCH] fix(aio): always cover the whole footer with its background

Fixes #17465
---
 .../angular_whiteTransparent_withMargin.png     | Bin 0 -> 6218 bytes
 aio/src/styles/1-layouts/_footer.scss           |  16 +++-------------
 2 files changed, 3 insertions(+), 13 deletions(-)
 create mode 100644 aio/src/assets/images/logos/angular/angular_whiteTransparent_withMargin.png

diff --git a/aio/src/assets/images/logos/angular/angular_whiteTransparent_withMargin.png b/aio/src/assets/images/logos/angular/angular_whiteTransparent_withMargin.png
new file mode 100644
index 0000000000000000000000000000000000000000..d7c954d39c8ad8199c1826d2e8790e7398bf9c1e
GIT binary patch
literal 6218
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

literal 0
HcmV?d00001

diff --git a/aio/src/styles/1-layouts/_footer.scss b/aio/src/styles/1-layouts/_footer.scss
index b17e564eb3..087926232d 100644
--- a/aio/src/styles/1-layouts/_footer.scss
+++ b/aio/src/styles/1-layouts/_footer.scss
@@ -103,18 +103,8 @@ footer::after {
     left: 0;
     right: 0;
     background:
-        url('../src/assets/images/logos/angular/angular_whiteTransparent.png') top left repeat-y,
-        url('../src/assets/images/logos/angular/angular_whiteTransparent.png') top 80px left 168px repeat-y,
-        url('../src/assets/images/logos/angular/angular_whiteTransparent.png') top left 336px repeat-y,
-        url('../src/assets/images/logos/angular/angular_whiteTransparent.png') top 80px left 504px repeat-y,
-        url('../src/assets/images/logos/angular/angular_whiteTransparent.png') top left 672px repeat-y,
-        url('../src/assets/images/logos/angular/angular_whiteTransparent.png') top 80px left 840px repeat-y,
-        url('../src/assets/images/logos/angular/angular_whiteTransparent.png') top left 1008px repeat-y,
-        url('../src/assets/images/logos/angular/angular_whiteTransparent.png') top 80px left 1176px repeat-y,
-        url('../src/assets/images/logos/angular/angular_whiteTransparent.png') top left 1344px repeat-y,
-        url('../src/assets/images/logos/angular/angular_whiteTransparent.png') top 80px left 1512px repeat-y,
-        url('../src/assets/images/logos/angular/angular_whiteTransparent.png') top left 1680px repeat-y,
-        url('../src/assets/images/logos/angular/angular_whiteTransparent.png') top 80px left 1848px repeat-y;
+        url('../src/assets/images/logos/angular/angular_whiteTransparent_withMargin.png') top 0 left 0 repeat,
+        url('../src/assets/images/logos/angular/angular_whiteTransparent_withMargin.png') top 80px left 168px repeat;
     opacity: 0.05;
-    background-size: 160px auto;
+    background-size: 320px auto;
 }