Posted by CSS Boxes Looking Squished [FIXED]
katie ๐Ÿƒ (#106445)

Warrior
View Forum Posts


Posted on
2019-06-19 19:26:36
UPDATE 2: I've found a fix! For any other coders having this issue, you need to change your "overflow: auto" on all boxes to "overflow: hidden" and then add this line of code below each box:

.Box1:hover {overflow-y: auto;}

Make sure to adjust "Box1" to whatever your box is named (Box2, Box3, etc.). The only different this will make is that scrollbars are now only visible once the box is hovered over.



UPDATE: I just updated Google Chrome and now the boxes are broken for me as well. So it seems to be an issue with the latest Chrome update specifically. Not sure if it's because of an incompatibility between the update and Lioden, or if it's solely a Chrome issue.

What gameplay feature is this bug affecting?
Custom Den CSS

What's the issue? Please include any error messages you receive and as much detail as possible.
For some users, boxes on dens with custom CSS are suddenly looking squished. I have not changed the coding of the CSS at all, and on my screen, the boxes appear totally normal. So far all users with the issue that I've asked are on Windows and using Google Chrome. The weird thing is that I am also on Windows and using Chrome, and boxes are displaying fine for me. I suggested clearing the browser's cache but that has not fixed the issue.

Any screenshots you can provide us with?
How it looks now:
2d5d649c0b.png

How it looked before the Chrome update:
c7037aa796.png



Hrt Icon 0 players like this post! Like?

Edited on 22/06/19 @ 04:16:12 by katie ๐ŸŒฟ๐ŸฆŽ [g1 svelte] (#106445)

|โœฆTacattoโœฆ| (#14803)


View Forum Posts


Posted on
2019-06-20 02:27:15
I just rolled over and my boxes broke. They were not broken before rollover. I was actually about to contact Katie, since I bought the CSS from her, when I noticed this.



Hrt Icon 0 players like this post! Like?

Kraft (#738)

Aztec Knight
View Forum Posts


Posted on
2019-06-20 02:32:57
If you remove "display:flex" from your container set up the boxes look normal again.

Possibly a chrome support issue rather than a Lioden one?
It still shows up on caniuse.com but maybe the syntax has changed slightly?



Hrt Icon 0 players like this post! Like?


Edited on 20/06/19 @ 02:43:58 by KRAFT (#738)

katie ๐Ÿƒ (#106445)

Warrior
View Forum Posts


Posted on
2019-06-20 02:44:08
@Kraft That makes them unsquished, but off center.



Hrt Icon 0 players like this post! Like?

Katze (#3)

Heavenly
View Forum Posts


Posted on
2019-06-20 15:41:50
Just a heads up that I'm moving this to the HTML Help subforum, as it's not a bug with Lioden.



Hrt Icon 0 players like this post! Like?

๐ŸŒ™ PyxelPanda
[main] (#136265)

Heavenly
View Forum Posts


Posted on
2019-06-21 00:56:31
Hmmm, my boxes seem to be completely okay. Perhaps it's only certain types of boxes? Also, @Katie I'm stalking you until you reopen CSS requests :')



Hrt Icon 0 players like this post! Like?

|โœฆTacattoโœฆ| (#14803)


View Forum Posts


Posted on
2019-06-21 00:59:51
Pyxelpanda- you boxes to me is stretched like how mine are and the example above.



Hrt Icon 0 players like this post! Like?

๐ŸŒ™ PyxelPanda
[main] (#136265)

Heavenly
View Forum Posts


Posted on
2019-06-21 01:01:23
@Tacatto - Huh, that's strange... Maybe my Chrome didn't update?



Hrt Icon 0 players like this post! Like?

๐ŸŒ™ PyxelPanda
[main] (#136265)

Heavenly
View Forum Posts


Posted on
2019-06-21 01:03:34
I just updated my Chrome and yep, all the boxes are broken :(



Hrt Icon 0 players like this post! Like?

katie ๐Ÿƒ (#106445)

Warrior
View Forum Posts


Posted on
2019-06-21 01:06:13
With more research it seems to be an issue with flexboxes and scrollbars. Removing the code for scrollbars in the boxes fixes the sizing issue, but breaks scroll boxes. So I still have no idea how to fix it. Plus the fact that even if there was a way to fix it with coding, I'd have to go in and manually fix 100+ codes. Reallllly hoping this gets fixed by Chrome.



Hrt Icon 0 players like this post! Like?

|โœฆTacattoโœฆ| (#14803)


View Forum Posts


Posted on
2019-06-21 01:09:50
Oh noo!! So there isn't really anything that can be done?



Hrt Icon 0 players like this post! Like?

๐ŸŒ™ PyxelPanda
[main] (#136265)

Heavenly
View Forum Posts


Posted on
2019-06-21 01:10:44
Oh no! That sounds really annoying. I hope it gets fixed, too. Too bad Google doesn't have a decent contact system to report the issue ;-;



Hrt Icon 0 players like this post! Like?

๐ŸŒ™ PyxelPanda
[main] (#136265)

Heavenly
View Forum Posts


Posted on
2019-06-21 01:18:52
I found some information on Reddit, not sure if it will help Clicky



Hrt Icon 0 players like this post! Like?

katie ๐Ÿƒ (#106445)

Warrior
View Forum Posts


Posted on
2019-06-21 01:19:38
I read that thread and tried the suggested fixes, but none worked unfortunately. ):



Hrt Icon 0 players like this post! Like?

๐ŸŒ™ PyxelPanda
[main] (#136265)

Heavenly
View Forum Posts


Posted on
2019-06-21 01:20:41
Aww that's a shame... Hopefully it gets fixed soon



Hrt Icon 0 players like this post! Like?

katie ๐Ÿƒ (#106445)

Warrior
View Forum Posts


Posted on
2019-06-22 04:14:21
Fix found! Added instructions for coders to the original post.



Hrt Icon 0 players like this post! Like?







Memory Used: 626.93 KB - Queries: 2 - Query Time: 0.00106 - Total Time: 0.00642s