Mobile bugs plus 1 request

[zeshalta]

As requested from reddit listing mobile bugs that I’ve encountered with the theme. Mostly just looking for a fix for the fold headings bug - the others are bonus.

• Primarily the inability to fold headings in preview mode as the text butts right up against the edge leaving no room for the collapse arrow.

Not certain if the bugs below are theme issues or more the Style Settings plugin that your theme works with:

• In editor mode, all headings remain the same size (similar size to normal text), regardless of whether the Style Settings plugin feature is used (in Specific mode heading changes > heading size > change heading size toggle — this has no impact on heading sizes in editor mode).
  WYSIWYG plugins for mobile appear to be unstable currently so the two settings in Style Settings > Typography are not working properly.
• Using the Style Settings plugin again, WYSIWYG Headings in Editor does not work at all;
• Enhanced editor typography toggle does partially work, however, activating it causes text to behave strangely. Enter key will put a bullet on a new line, but text will remain on the same line.

If i could make one request, it would be the option to change the text size of the file explorer. Again, not sure if this is.

Thank you for your efforts :)

[chetachiezikeuzor]

For the "all headings remain the same size" issue: Can I ask, when was the last time you updated the theme? I made a ton of changes, including heading resizing. Not sure if this will solve the issue but I just wanted to be sure. :) Thanks!

[Mara-Li]

Well, I update the theme and I have the same issue as him !

[zeshalta]

Can confirm it’s updated to the latest and the issue still persists (thank you for fixing the collapsible headings!!!).

[Mara-Li]

For my wysiwyg snippet, I try to change heading and don't success for the moment.

It's remind me the problem here, so, I think the problem here is the way heading is targeted.

After check the code, I found the culprit : you use codemirror line. And the code mirror line behavior change in mobile because of the 6 version. In my snippet I just erase this line to touch all things on mobile. With style settings, you can add a special class like .mobile in case it can break on pc. Or, you can use @media screen to target by screen size. I use the first solution with my snippet but I use media screen for other things and it's work.

I will try to do that to check if it's working and if it's codemirror line the culprit.

EDIT : good news! It was that. I try to just use @media screen and :

[chetachiezikeuzor]

After check the code, I found the culprit : you use codemirror line. And the code mirror line behavior change in mobile because of the 6 version.

Ah! I had no idea of this! I do need to get the mobile app so that I can tend to this properly, but this thorough response is extremely helpful! Thank you!

[chetachiezikeuzor]

I just released a brand new update to the theme! I'm still working on better WYS mode for mobile but heading size changes and headers in editor should work properly now. The enhanced typography is something I'm still trying to fix for mobile but it should be better in the desktop app. (I know it's taking me so long but) Change text size for file explorer will be coming soon! I just need to overhaul a few things with Style Settings. Thanks! @zeshalta