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

Bad highlighting in background of dropdown with long text #134

Closed
patrickmj opened this issue Nov 16, 2018 · 2 comments
Closed

Bad highlighting in background of dropdown with long text #134

patrickmj opened this issue Nov 16, 2018 · 2 comments
Assignees

Comments

@patrickmj
Copy link
Member

patrickmj commented Nov 16, 2018

From https://litdigitaldiversity.northeastern.edu/credit/ but most likely the same everywhere.
The background highlighting for the dropdown menu options is a rectangle that doesn't quite reach to the end of the text. It's the for real example of the CSS is awesome coffee mug.

baddropdownhighlighting

Both FF and Chrome

@patrickmj patrickmj self-assigned this Nov 16, 2018
@patrickmj patrickmj changed the title Bad bad highlighting in background of dropdown with long text Bad highlighting in background of dropdown with long text Nov 16, 2018
@sarahjeansweeney
Copy link
Collaborator

I can confirm this is the same everywhere! It was present on the ECDA site (https://ecda.northeastern.edu/) in the "Classroom" menu, but I added custom CSS to force the text to be truncated as a temporary workaround:

.main-navigation .nav .dropdown-menu li a {white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

@patrickmj patrickmj added the v1.2 label Dec 1, 2018
@patrickmj
Copy link
Member Author

Fixed on the develop branch of our theme 54cc4f2

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants