Skip to content

[NEW] Custom login wallpapers#11025

Merged
ggazzo merged 17 commits into
RocketChat:developfrom
vynmera:cool-background
Jun 20, 2018
Merged

[NEW] Custom login wallpapers#11025
ggazzo merged 17 commits into
RocketChat:developfrom
vynmera:cool-background

Conversation

@vynmera

@vynmera vynmera commented Jun 6, 2018

Copy link
Copy Markdown
Contributor

This PR allows people to customize their Rocket.Chats a bit more with a custom login wallpaper.

Right now it looks like this...
2018-06-06_21-16-36

But by tweaking this new option in Assets...
2018-06-06_21-18-14

...it can look like this!
2018-06-06_21-18-35

@rauhmaru

rauhmaru commented Jun 6, 2018

Copy link
Copy Markdown
Contributor

AWESOME!!!

@engelgabriel engelgabriel temporarily deployed to rocket-chat-pr-11025 June 11, 2018 18:30 Inactive
@ggazzo ggazzo self-requested a review June 11, 2018 20:00
@ggazzo

ggazzo commented Jun 11, 2018

Copy link
Copy Markdown
Member

@vynmera great feature! but I think you forgot some screens

image

@@ -1,5 +1,5 @@
<template name="loginLayout">
<section class="rc-old full-page color-tertiary-font-color">
<section class="rc-old full-page color-tertiary-font-color" style="background-image: url('{{ backgroundUrl }}')">

@ggazzo ggazzo Jun 11, 2018

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

what do you think about use one with?

<section class="rc-old full-page color-tertiary-font-color" {{with backgroundUrl}} style="background-image: url('{{ . }}')" {{/with}}>

backgroundUrl() {
const asset = RocketChat.settings.get('Assets_background');
const prefix = __meteor_runtime_config__.ROOT_URL_PATH_PREFIX || '';
if (asset != null) {

@ggazzo ggazzo Jun 11, 2018

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we could 'improve' this if like

if (asset && prefix && (url || defaultUrl))

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Prefix might not be set on all servers, so I'll leave that out

@ggazzo ggazzo left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

hey, fix this issues, if you think I'm wrong pls let me know :)

@engelgabriel engelgabriel temporarily deployed to rocket-chat-pr-11025 June 11, 2018 20:34 Inactive
@engelgabriel engelgabriel temporarily deployed to rocket-chat-pr-11025 June 11, 2018 21:48 Inactive
@vynmera

vynmera commented Jun 11, 2018

Copy link
Copy Markdown
Contributor Author

This should fix the requested changes as much as possible:

@engelgabriel Register Username is now styled.
@ggazzo I had to change the syntax a bit and remove the prefix from your suggested if. Please rereview and tell me what you think :-)

@engelgabriel engelgabriel temporarily deployed to rocket-chat-pr-11025 June 11, 2018 21:58 Inactive
@engelgabriel engelgabriel temporarily deployed to rocket-chat-pr-11025 June 11, 2018 21:59 Inactive
@RocketChat RocketChat deleted a comment Jun 11, 2018
@RocketChat RocketChat deleted a comment Jun 11, 2018
@RocketChat RocketChat deleted a comment Jun 11, 2018
@RocketChat RocketChat deleted a comment Jun 11, 2018
@RocketChat RocketChat deleted a comment Jun 11, 2018
@RocketChat RocketChat deleted a comment Jun 11, 2018
@RocketChat RocketChat deleted a comment Jun 11, 2018
@RocketChat RocketChat deleted a comment Jun 11, 2018
@vynmera

vynmera commented Jun 11, 2018

Copy link
Copy Markdown
Contributor Author

@kaiiiiiiiii Spacebars really doesn't like it when you do that, apparently. Doing it like this does seem to remove the style tag from DOM when unused though (unless Firefox is lying to me)

@engelgabriel engelgabriel temporarily deployed to rocket-chat-pr-11025 June 11, 2018 23:13 Inactive
@engelgabriel engelgabriel temporarily deployed to rocket-chat-pr-11025 June 19, 2018 15:51 Inactive
@RocketChat RocketChat deleted a comment Jun 19, 2018
@engelgabriel engelgabriel temporarily deployed to rocket-chat-pr-11025 June 19, 2018 18:25 Inactive
@RocketChat RocketChat deleted a comment Jun 19, 2018
@RocketChat RocketChat deleted a comment from vynmera Jun 19, 2018
@RocketChat RocketChat deleted a comment from kaiiiiiiiii Jun 19, 2018
@RocketChat RocketChat deleted a comment Jun 19, 2018
@ggazzo ggazzo added this to the 0.66.0 milestone Jun 20, 2018
@ggazzo ggazzo added the area: ui/ux Related to UI/UX, frontend code, accessibility, and user interaction label Jun 20, 2018
@ggazzo ggazzo requested a deployment to rocket-chat-pr-11025 June 20, 2018 18:59 Abandoned
@ggazzo ggazzo requested a deployment to rocket-chat-pr-11025 June 20, 2018 18:59 Abandoned
@RocketChat RocketChat deleted a comment Jun 20, 2018
@RocketChat RocketChat deleted a comment from vynmera Jun 20, 2018
@RocketChat RocketChat deleted a comment from vynmera Jun 20, 2018
@ggazzo ggazzo requested a deployment to rocket-chat-pr-11025 June 20, 2018 19:11 Abandoned
@ggazzo ggazzo requested a deployment to rocket-chat-pr-11025 June 20, 2018 19:12 Abandoned
@ggazzo ggazzo merged commit d0ad44e into RocketChat:develop Jun 20, 2018
@rodrigok rodrigok mentioned this pull request Jun 28, 2018
@vynmera vynmera deleted the cool-background branch July 3, 2018 18:46
@localguru

Copy link
Copy Markdown
Contributor

@vynmera could you share the background image. :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area: ui/ux Related to UI/UX, frontend code, accessibility, and user interaction

Projects

None yet

Development

Successfully merging this pull request may close these issues.

6 participants