creativecommons / creativecommons/vocabulary-theme

[Feature] Improve responsiveness of ancillary-menu

Open
#80 1 comment 0 reactions 0 assignees View on GitHub
✨ goal: improvement 💻 aspect: code 🚧 status: blocked 🟩 priority: low
Dominant language
PHP
Stars
6
Forks
7
Avg merge
1d 8m
Merged PRs (30d)
6

Description

## Problem
Now, the language selection is overflowing in the ancillary menu of cc-legal-tools-app. (See: [cc-legal-tools-app#418](https://github.com/creativecommons/cc-legal-tools-app/issues/418)).

## Description
We need to set the font size in more detail to fix this. I wrote CSS like this and the problem was fixed in [my PR](https://github.com/creativecommons/cc-legal-tools-app/pull/488):
```
.ancilliary-menu {
font-size: min(.8em, 2.5vw);
}
```

## Additional context
I created a [PR](https://github.com/creativecommons/cc-legal-tools-app/pull/488) for the cc-legal-tools-app and overrode the font size of `.ancilliary-menu`. This needs to be fixed [cc-legal-tools-app#418](https://github.com/creativecommons/cc-legal-tools-app/issues/418) without using Media queries/breakpoints.

## Alternatives
Media queries/breakpoints can be used to specify font size, but I think this method is better.

## Implementation

- [x] I would be interested in implementing this feature.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.