dbnschools / moodle-theme_fordson

Theme for Moodle 3.3+
42 stars 40 forks source link

Logo overhangs on login page on laptop #53

Closed ChristopherKingChemist closed 5 years ago

ChristopherKingChemist commented 5 years ago

On my login page the login box uses a logo. The logo overhangs the box a small amount on my laptop, as shown below. image The laptop's resolution is 1366 × 768. The logo's size is 874 × 276. On my larger monitor at work the logo has scaled nicely.
Thanks for the wonderful theme!

dbnschools commented 5 years ago

Hello Chris, Do you have a URL I can see what this looks like. I want to see the page so I might better understand what's going on.

ChristopherKingChemist commented 5 years ago

The site is https:// christopherking dot name backslash collaborate backslash ( I don't want it indexed by search engines, yet.) The logo does not appear to scale when the Firefox window size is changed, regardless of the size of the monitor. Using Moodle 3.6.1, Firefox, the latest Jordson, theme preset "Spectrum-achromatic", course tile display "Tile Style Four W/Course Summary".

ChristopherKingChemist commented 5 years ago

Sorry; didn't mean to close this.

dbnschools commented 5 years ago

Perfect. I see where the issue is and have a fix. I just posted a new version of Fordson today, so this will be included in the next release but I will tell you how to change it if you want ahead of the next release. You can add this to the line 205 of a template file and it will fix the issue: class="img-fluid" in the file /fordson/templates/core/loginform.mustache

https://github.com/dbnschools/moodle-theme_fordson/blob/master/templates/core/loginform.mustache#L205 Change the line in the link above to this:
<h2 class="card-header text-center" ><img src="{{logourl}}" class="img-fluid" title="{{sitename}}" alt="{{sitename}}"/></h2> Note how I added the class="img-fluid" as that is the code that fixes the image issue on the login page. This will be included in the next release. Thanks for identifying the problem.