From 608dbc64d93ae06beb6c8a05e50196645fa206d1 Mon Sep 17 00:00:00 2001 From: Julius Haertl Date: Mon, 25 Jul 2016 18:54:13 +0200 Subject: [PATCH] Theming: Fix preview and center alignment of logo --- apps/theming/js/settings-admin.js | 10 +++++----- core/css/header.css | 1 + 2 files changed, 6 insertions(+), 5 deletions(-) diff --git a/apps/theming/js/settings-admin.js b/apps/theming/js/settings-admin.js index bd4b4b34ed1..fa94a3d707c 100644 --- a/apps/theming/js/settings-admin.js +++ b/apps/theming/js/settings-admin.js @@ -41,12 +41,12 @@ function preview(setting, value) { console.log(setting); var logos = document.getElementsByClassName('logo-icon'); var timestamp = new Date().getTime(); - if(value !== '') { - logos[0].style.background = "url('" + OC.generateUrl('/apps/theming/logo') + "?v" + timestamp + "')"; - logos[0].style.backgroundSize = "62px 34px"; + if (value !== '') { + logos[0].style.backgroundImage = "url('" + OC.generateUrl('/apps/theming/logo') + "?v" + timestamp + "')"; + logos[0].style.backgroundSize = "contain"; } else { - logos[0].style.background = "url('" + OC.getRootPath() + '/core/img/logo-icon.svg?v' + timestamp +"')"; - logos[0].style.backgroundSize = "62px 34px"; + logos[0].style.backgroundImage = "url('" + OC.getRootPath() + '/core/img/logo-icon.svg?v' + timestamp +"')"; + logos[0].style.backgroundSize = "contain"; } } } diff --git a/core/css/header.css b/core/css/header.css index dcd29016e19..c31dd9065c6 100644 --- a/core/css/header.css +++ b/core/css/header.css @@ -82,6 +82,7 @@ display: inline-block; background-image: url('../img/logo-icon.svg?v=1'); background-repeat: no-repeat; + background-position: center center; width: 62px; height: 34px; }