From cfffd1a890b46d8cc8bbb9c36c80196f25560766 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Wed, 4 Jun 2014 11:17:18 +0200 Subject: cut ownCloud text from logo when logged in, place appname there --- core/css/header.css | 36 +++++++++++++++++++++++++---- core/img/logo-icon.png | Bin 0 -> 1347 bytes core/img/logo-icon.svg | 51 +++++++++++++++++++++++++++++++++++++++++ core/templates/layout.user.php | 2 +- 4 files changed, 84 insertions(+), 5 deletions(-) create mode 100644 core/img/logo-icon.png create mode 100644 core/img/logo-icon.svg diff --git a/core/css/header.css b/core/css/header.css index 0a3d8f212d6..51c5a4e9d28 100644 --- a/core/css/header.css +++ b/core/css/header.css @@ -1,20 +1,48 @@ -/* display logo so appname can be shown next to it */ +#header .logo { + background-image: url(../img/logo.svg); + background-repeat: no-repeat; + width: 250px; + height: 118px; + margin: 0 auto; +} + #header .logo-wide { + background-image: url(../img/logo-wide.svg); + background-repeat: no-repeat; + width: 147px; + height: 32px; +} + +#header .logo-icon { + /* display logo so appname can be shown next to it */ display: inline-block; + background-image: url(../img/logo-icon.svg); + background-repeat: no-repeat; + width: 60px; + height: 32px; } + + /* show appname next to logo */ .header-appname { display: inline-block; position: relative; color: #fff; - font-size: 15px; - margin-left: 5px; + font-size: 16px; + margin: 0; + margin-top: -24px; + padding: 7px 0 7px 5px; + vertical-align: middle; } /* show caret indicator next to logo to make clear it is tappable */ #header .icon-caret { display: inline-block; width: 12px; - height: 8px; + height: 12px; + margin: 0; + margin-top: -21px; + padding: 0; + vertical-align: middle; } .header-appname, #header .icon-caret { diff --git a/core/img/logo-icon.png b/core/img/logo-icon.png new file mode 100644 index 00000000000..26ed8b46416 Binary files /dev/null and b/core/img/logo-icon.png differ diff --git a/core/img/logo-icon.svg b/core/img/logo-icon.svg new file mode 100644 index 00000000000..05b467e87a7 --- /dev/null +++ b/core/img/logo-icon.svg @@ -0,0 +1,51 @@ + +image/svg+xml \ No newline at end of file diff --git a/core/templates/layout.user.php b/core/templates/layout.user.php index 7b064c606bc..389f1fda50a 100644 --- a/core/templates/layout.user.php +++ b/core/templates/layout.user.php @@ -46,7 +46,7 @@