Jump to content

Topic on Extension talk:SimpleMathJax

Thick frame around zommed expression, pop-up window too narrow

2
Sm8ps (talkcontribs)

After upgrading to version 0.8.2 on MW-1.35.3, the pop-up window for zoomed expressions comes with a frame that is roughly the same size as the formula area height. In the top part, "MathJax Zommed Expression" is written at about one third of the height which is not very informative and even distracting.

Furthermore, the window is too narrow. For instance, it is about one third of the window size but only half of the formula is displayed, the rest needs to be shown by scrolling sideways. There would be more than enough space to double the size of the pop-up window within the main browser window.

Does anyone have any pointers about these issues? I have searched through the extension folder itself and have browsed through them MathJax documentation. Thanks in advance!

Sm8ps (talkcontribs)

Answering my own question after having had to delve into it once again. The following rules in Common.css will drastically reduce the borders of the pop-up window and at the same time enlarge its horizontal size.

.CtxtMenu_Info {
  width: fit-content !important ;
  max-width: 80% !important ;
  padding: 0 0.5em !important;
  font-size: 50% !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -khtml-border-radius: 10px !important;
}

.CtxtMenu_InfoContent {
  font-size: 200% !important;
  max-width: unset !important ;
  margin: 0.5em 0px !important;
  padding-left: 0.2em !important;
  padding-right: 0.2em !important;
  padding-top: 0.2em !important;
  padding-bottom: 0.2em !important;
}

.CtxtMenu_InfoClose {
  top: 0 !important;
  right: 0 !important;
}

Some rules do need the !important-flag and I ended up simply adding it to all of them. Please understand that I do not have much experience with CSS, so these rules may need improvement. YMMV!

Nevertheless, it is nice to enlarge formulae during presentations using most of the screen width.

Reply to "Thick frame around zommed expression, pop-up window too narrow"