From 78a04643545d692a8700706bd261f53151de2b0e Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Fri, 22 May 2015 00:04:47 +0200 Subject: replace logo-wide on share page as well with better icon + text --- core/css/header.css | 15 ++++----------- core/css/mobile.css | 9 +++------ 2 files changed, 7 insertions(+), 17 deletions(-) (limited to 'core/css') diff --git a/core/css/header.css b/core/css/header.css index 6fd30f657b7..466022e9f76 100644 --- a/core/css/header.css +++ b/core/css/header.css @@ -77,13 +77,6 @@ margin: 0 auto; } -#header .logo-wide { - background-image: url(../img/logo-wide.svg); - background-repeat: no-repeat; - width: 150px; - height: 34px; -} - #header .logo-icon { /* display logo so appname can be shown next to it */ display: inline-block; @@ -93,7 +86,7 @@ height: 34px; } -#header .menutoggle { +#header .header-appname-container { display: inline-block; position: absolute; left: 70px; @@ -103,7 +96,7 @@ } /* hover effect for app switcher label */ -.menutoggle .header-appname, +.header-appname-container .header-appname, .menutoggle .icon-caret { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; opacity: .75; @@ -350,8 +343,8 @@ margin-bottom: -3px; margin-right: 6px; } - #expanddiv a:hover, - #expanddiv a:focus, + #expanddiv a:hover, + #expanddiv a:focus, #expanddiv a:active, #expanddiv a.active { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; diff --git a/core/css/mobile.css b/core/css/mobile.css index 874c42b92ef..cfc8f8bfdca 100644 --- a/core/css/mobile.css +++ b/core/css/mobile.css @@ -21,12 +21,9 @@ box-align: center; } -/* on mobile, show logo-icon instead of logo-wide */ -#header .logo-wide { - background-image: url(../img/logo-icon.svg); - background-repeat: no-repeat; - width: 62px; - height: 34px; +/* on mobile, show only the icon of the logo, hide the text */ +#header .header-appname-container { + display: none; } /* compress search box on mobile, expand when focused */ -- cgit v1.2.3