[Feature] Improve responsiveness of ancillary-menu

[oka4shi]

Problem

Now, the language selection is overflowing in the ancillary menu of cc-legal-tools-app. (See: cc-legal-tools-app#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:

.ancilliary-menu {
  font-size: min(.8em, 2.5vw);
}

Additional context

I created a PR for the cc-legal-tools-app and overrode the font size of .ancilliary-menu. This needs to be fixed cc-legal-tools-app#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

• I would be interested in implementing this feature.

[possumbilities]

@oka4shi This is something that would need to be fully resolved in Vocabulary itself, and then we'd update vocabulary-theme with the latest Vocabulary.

Additionally, the cc-legal-tools-app has made several more localized changes to the language selector styling that are not present in Vocabulary itself. That would likely need resolution as well, and then possibly further changes in cc-legal-tools-app to remove said localized changes.

Moving to 🚧 status: blocked Blocked & therefore, not ready for work until Vocabulary itself is altered to account for this.