Rocket.chat: Small size logo

[evant89]

Description:

After updating the server to version 1.0.2, the size of the logo has decreased.
In Layout - Custom CSS I have

: root {
    --sidebar-footer-height: 90px;
}

but nothing changes

Expected behavior:

Actual behavior:

Server Setup Information:

• Version of Rocket.Chat Server: 1.0.2
• Operating System: Ubuntu 16.04 64bit
• Deployment Method: tar
• Number of Running Instances: 1
• DB Replicaset Oplog: Enabled
• NodeJS Version: 8.11.4
• MongoDB Version: 4.0.9

Additional context

[Abraka]

Its small only in rocket chat client or in browser too?

[evant89]

in client and browser

[Abraka]

Same here, after update to 1.0.2 :-1:

[gannebamm]

Any news here? Maybe just share a small CSS snippet you could use to make it bigger?

in the footer section here, eg:
https://your.rocket.chat/admin/Layout

[robbyoconnor]

Still an issue

Version: 3.2.1

[robbyoconnor]

Desktop client and electron aren't mutually exclusive as they use the same code.

[reetp]

Any news here? Maybe just share a small CSS snippet you could use to make it bigger?

Add these sort of things in layout custom CSS - I think you can add height & width to the sidebar__footer

.side-nav .footer img {
content:url("/assets/logo.png");
}

.sidebar__footer:not(:empty) {
    margin-left: auto;
    margin-right: auto;
}

(There may be a better place so YMMV - use a browser inspector to look and test)

[reetp]

Still an issue

Yo dude ;-)

That's OK, unless you have say a square logo, or one that is vertically taller than wide. I do think there needs to be more flexibility here. Rocket does not really consider corporate branding by default.

I think the only thing you can do is have some admin settings that allow people to properly dictate size and position of their logo.

Left/right/centre justify, width, height, lock/unlock ratio.

[robbyoconnor]

@reetp worked okay-ish

.side-nav .footer img {
content:url("/assets/logo.png");
  object-fit: cover;
}

.sidebar__footer:not(:empty) {
    margin-left: auto;
    margin-right: auto;
}

[luixxiul]

https://github.com/RocketChat/Rocket.Chat/issues/16418#issuecomment-595450861

this is a case of taste and our designer has aligned the logo to the left on purpose.

Users can change the logo aliment using the custom CSS setting on the admin if they prefer.

:)

[saurabhd]

.sidebar__footer:not(:empty) {
    margin-left: auto;
    margin-right: auto;
    padding: 0px 22px;
}

Works fine for me, put in layout->custom CSS