search

atom-material / atom-material-ui

A dynamic UI theme for Atom that follows Google's Material Design Guidelines
MIT License
816 stars 203 forks source link

Text in modal overlay text field is really small #440

Closed lokesh-krishna closed 5 years ago

lokesh-krishna commented 6 years ago

Text in modal overlay text field is really small

Reproduction Steps:

  1. Open modal overlay (command palette or new file)
  2. Enter text in the text field at the top of the overlay
  3. Font size is too small to be able to read conveniently

Expected behavior: Font size would match that of the rest of the overlay and maybe even belong to the same font-family like in Nord.

Screenshots and GIFs

Here are the modal overlays from Material UI:

screenshot from 2017-10-03 07-18-21 screenshot from 2017-10-03 07-18-28

For contrast, here are the modal overlays from Nord UI.

screenshot from 2017-10-03 07-27-23 screenshot from 2017-10-03 07-28-21

Atom version: 1.20.0 OS and version: Fedora 26 Workstation

Installed packages:

atom-material-syntax atom-material-ui file-type-icons nord-atom-syntax nord-atom-ui typewriter wordcount Zen

lokesh-krishna commented 6 years ago

I fixed it for myself by adding the following to my stylesheet:

// Style the mini editor for modal overlays
atom-text-editor.mini {
  font-size: 16px;
 font-family: inherit;
  }

This is what the text in the mini editor looks like now:

screenshot from 2017-10-03 10-24-30

If you think this is an issue then I would like to submit a PR for this.