Kami
Forum Cat
Posts: 40,020
Mini-Profile Theme: Kami's Mini-Profile
#f35f71
156500
0
Offline
Jul 24, 2021 11:48:29 GMT -8
Kami
40,020
July 2010
kamiyakaoru
Kami's Mini-Profile
|
Post by Kami on Nov 4, 2018 20:34:02 GMT -8
Hi everyone! I have no idea how this happened, but my CSS has gone haywire on the full reply / wysiwyg editor page -- but, on small-width mobile only and only on this one page. If you navigate anywhere else, the CSS is correct. I'm not sure what to do to fix it, so any help would be appreciated. wardensvigil-theme.proboards.comThe posting pages are guest-friendly, so please feel free to test it out. Note that this has to be on mobile view for you to see what I'm talking about (not just shrunken-down browser view). On chrome, at least, you can click the device emulator in the upper left on the dev console, but I'm not sure about other browsers.
|
|
inherit
96289
0
May 17, 2020 9:37:00 GMT -8
elli
1,822
January 2007
ebbymac
|
Post by elli on Nov 5, 2018 8:50:50 GMT -8
Class .controls has float: right !important. This classname is used on the WYSIWYG editor toolbar, as well as the controls in the floating control bar. Change this selector to what PB uses to fix it: .container > .control-bar
|
|
Kami
Forum Cat
Posts: 40,020
Mini-Profile Theme: Kami's Mini-Profile
#f35f71
156500
0
Offline
Jul 24, 2021 11:48:29 GMT -8
Kami
40,020
July 2010
kamiyakaoru
Kami's Mini-Profile
|
Post by Kami on Nov 10, 2018 9:50:35 GMT -8
Thanks for the reply! I changed .controls to .container > .control-bar but the button has shifted back to the left and nothing seems to have changed on the reply / create post page -- did I miss something?
|
|
Kami
Forum Cat
Posts: 40,020
Mini-Profile Theme: Kami's Mini-Profile
#f35f71
156500
0
Offline
Jul 24, 2021 11:48:29 GMT -8
Kami
40,020
July 2010
kamiyakaoru
Kami's Mini-Profile
|
Post by Kami on Nov 13, 2018 14:41:40 GMT -8
bumperoo
|
|
inherit
96289
0
May 17, 2020 9:37:00 GMT -8
elli
1,822
January 2007
ebbymac
|
Post by elli on Nov 13, 2018 16:28:11 GMT -8
Kami I looked at it using the device emulator, and the posting page seems ok now. So does the control bar. Do you have a screenshot? Also, which browser?
|
|
Kami
Forum Cat
Posts: 40,020
Mini-Profile Theme: Kami's Mini-Profile
#f35f71
156500
0
Offline
Jul 24, 2021 11:48:29 GMT -8
Kami
40,020
July 2010
kamiyakaoru
Kami's Mini-Profile
|
Post by Kami on Nov 13, 2018 18:22:14 GMT -8
hi elli! this is chrome for iphone 7 but it’s also happening on chrome in my ipad 10.5
|
|
Kami
Forum Cat
Posts: 40,020
Mini-Profile Theme: Kami's Mini-Profile
#f35f71
156500
0
Offline
Jul 24, 2021 11:48:29 GMT -8
Kami
40,020
July 2010
kamiyakaoru
Kami's Mini-Profile
|
Post by Kami on Nov 14, 2018 18:11:21 GMT -8
bump
|
|
inherit
96289
0
May 17, 2020 9:37:00 GMT -8
elli
1,822
January 2007
ebbymac
|
Post by elli on Nov 14, 2018 20:37:35 GMT -8
This is very strange behavior. I looked up and down the page structure for at least an hour, and there is nothing particular about this page that should cause the font size to blow up like that. No change on the font size of the parent containers (which is what em is based on), the html and body CSS doesn't change (base font size), and there's seemingly nothing within the iframe or post form that is affecting font sizing (and shouldn't, for that matter).
What I can tell you is that it is related to your use of the em unit. Somehow, they are cascading differently on this page than on the others, and basically multiplying into the result you see here. It is for this reason that the em unit is generally avoided for text sizing. It's great for other properties like padding and letter-spacing — as well as media queries — but is not an exact substitute for px, and leads to this kind of issue all too often.
You will see in the TARP theme that I used rem for font sizing — that would be my recommendation. If you're wanting everything to scale, look into using em for media queries.
|
|
Kami
Forum Cat
Posts: 40,020
Mini-Profile Theme: Kami's Mini-Profile
#f35f71
156500
0
Offline
Jul 24, 2021 11:48:29 GMT -8
Kami
40,020
July 2010
kamiyakaoru
Kami's Mini-Profile
|
Post by Kami on Nov 14, 2018 20:53:25 GMT -8
gotcha! I’ll sort that out, thank you!
|
|