diff --git a/customize.dist/images/logo_white.svg b/customize.dist/images/logo_white.svg new file mode 100644 index 000000000..d1cd2bc73 --- /dev/null +++ b/customize.dist/images/logo_white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/customize.dist/src/less/toolbar.less b/customize.dist/src/less/toolbar.less index f38a92c66..247f5302b 100644 --- a/customize.dist/src/less/toolbar.less +++ b/customize.dist/src/less/toolbar.less @@ -815,13 +815,16 @@ body .cryptpad-toolbar { } a.cryptpad-logo { cursor: pointer; - font-size: 1em; - height: auto; - padding: 0px 5px; + display: inline-flex; text-decoration: none; + height: auto; + padding: 10px; - // hack because of whiteboard and poll - color: white !important; + img { + cursor: pointer; + height: 100%; + width: 100%; + } } } .cryptpad-user { diff --git a/www/common/toolbar2.js b/www/common/toolbar2.js index 34dca996e..d16557958 100644 --- a/www/common/toolbar2.js +++ b/www/common/toolbar2.js @@ -625,8 +625,10 @@ define([ var $aTag = $('', { href: "/drive/", title: Messages.header_logoTitle, - 'class': "cryptpad-logo fa fa-hdd-o" - }); + 'class': "cryptpad-logo" + }).append($('', { + src: '/customize/images/logo_white.svg' + })); var onClick = function (e) { e.preventDefault(); if (e.ctrlKey) {