Skip to content
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

Header links get hidden if there is a header image #34

Open
emmarichardson opened this issue Apr 23, 2024 · 6 comments
Open

Header links get hidden if there is a header image #34

emmarichardson opened this issue Apr 23, 2024 · 6 comments
Assignees
Labels
Enhancement New feature or request Funding required Requires funding Pending investigation Pending being looked at

Comments

@emmarichardson
Copy link

Is your feature request related to a problem? Please describe.
I use a background image for my header. Moodle places certain search bars or links in the header menu (for example, Admin Search Bar and Course Bulk Edit link (I literally only found this functionality today because it was so hard to see with my header background!! Lol!). These links/search bars are hard to see if you have a background image. As I continue to work on becoming fully accessible, this came up as an issue...

Describe the solution you'd like
An option to place additional header links somewhere else (below the header?) or give them a white/black background (or just remove the transparency) so that they are visible.

Describe alternatives you've considered
I am using css to overwrite the transparent background on the admin search. Still working on the Bulk Edit link..still searching if there are more secret links that I have never seen before!!

Additional context
Screenshot 2024-04-23 at 2 28 38 PM

Versions you are currently using (please complete the following information):

  • Moodle: [e.g. 4.3.3]
  • Theme: [e.g. 403.1.3]
  • Browser and version [various]
@emmarichardson emmarichardson added Enhancement New feature or request Funding required Requires funding Pending investigation Pending being looked at labels Apr 23, 2024
@gjb2048
Copy link
Collaborator

gjb2048 commented Apr 23, 2024

Example custom SCSS / CSS solution:

.header-actions-container {
    background-color: rgba(255,255,255,0.5);
}

@emmarichardson
Copy link
Author

Thanks Gareth - that seems all encompassing after my separate fixes!!

@gjb2048
Copy link
Collaborator

gjb2048 commented Apr 23, 2024

It isn't perfect Emma but it's a start.

@emmarichardson
Copy link
Author

My solution was
image

@gjb2048
Copy link
Collaborator

gjb2048 commented Apr 23, 2024

I see, but those CSS selectors are too generic and can be used elsewhere where they'd cause issues.

@emmarichardson
Copy link
Author

Yes, I switched to yours - they were working but I also had not looked through every page on the site to see if issues showed up .

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Enhancement New feature or request Funding required Requires funding Pending investigation Pending being looked at
Projects
None yet
Development

No branches or pull requests

2 participants