-
Notifications
You must be signed in to change notification settings - Fork 186
[login] Homepage header image and Partner Logos Panel #10051
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Conversation
|
Looks great! Maybe @christinerogers @jeffersoncasimir if this change would work for you too, then I can go ahead an approve it. Otherwise maybe it could be customizable whether the partners are its own panel or within the login page |
| INSERT INTO ConfigSettings (Name, Description, Visible, AllowMultiple, DataType, Parent, Label, OrderNumber) VALUES('login_logo_right_link', 'Optional link to redirect when clicking on top right logo', 1, 0, 'text', 1, 'Login Top Right Logo Link', 4); | ||
| INSERT INTO ConfigSettings (Name, Description, Visible, AllowMultiple, DataType, Parent, Label, OrderNumber) VALUES('partner_logos', 'Logos for partners to be displayed in the homepage', 1, 1, 'text', 1, 'Partner Logos', 4); | ||
|
|
||
| INSERT INTO Config (ConfigID, Value) VALUES ((SELECT ID FROM ConfigSettings WHERE Name="login_logo_left"), "/images/LORIS_logo_white.svg"); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Would it be possible to make the images work in an overridden project setting? I tried to change the logo to one in my project folder but it doesn't seem to work
INSERT INTO Config (ConfigID, Value) VALUES ((SELECT ID FROM ConfigSettings WHERE Name="login_logo_left"), "../project/images/ctu.png");There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
its possible, that's what we do on CBIG. you would need to put the logo in the static directory of a project module. I have a project module specific to anything that can be reached by an anonymous user and another module for things that require login but basically the logos sit in the publicly accessible one.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Ways to achieve this:
- Modify apache settings (see docs/config/apache2-site to see what your config probably is currently. you'll see how and why /images redirects images from htdocs/images, etc)
or - Use images.loris.ca - every project can have their own folder there
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I dont think we need to go that far, the project module way works fine
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Sorry, so the image would be at /project/static/images/ctu.png
And then I can reference it with what from config?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@skarya22 What he means is that every module's static/ directory has the correct settings already. To override, you can place and reference an image in, for example: project/modules/login/static/ctu.png.
| opacity: 1; | ||
| -webkit-transition: opacity 0.2s ease-in; | ||
| transition: opacity 0.2s ease-in; | ||
| .logo-right { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
With the sizing changes, the github logo looks blurry now. Could you update it to be a higher quality image, or change to an svg?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I have updated the asset to a svg
| -webkit-transition: opacity 0.2s ease-in; | ||
| transition: opacity 0.2s ease-in; | ||
| .logo-right { | ||
| margin-left: auto; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
adjust the mobile display of the asset to be smaller
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM!


Partner logos are defined

Partner logos are not defined
