inherit
133146
0
Nov 16, 2024 15:51:08 GMT -8
Alanna 🥀🖤
3,564
November 2008
alannab
|
Post by Alanna 🥀🖤 on May 15, 2017 2:43:00 GMT -8
*le bump*
|
|
inherit
133146
0
Nov 16, 2024 15:51:08 GMT -8
Alanna 🥀🖤
3,564
November 2008
alannab
|
Post by Alanna 🥀🖤 on May 16, 2017 19:11:02 GMT -8
Bump!
|
|
inherit
133146
0
Nov 16, 2024 15:51:08 GMT -8
Alanna 🥀🖤
3,564
November 2008
alannab
|
Post by Alanna 🥀🖤 on May 18, 2017 0:11:04 GMT -8
Bump
|
|
inherit
Official Code Helper
65613
0
1
Oct 22, 2024 1:56:19 GMT -8
Chris
"'Oops' is the sound we make when we improve"
9,018
December 2005
horace
RedBassett's Mini-Profile
|
Post by Chris on May 18, 2017 11:45:41 GMT -8
Private Safari Browser (not logged in) 1, 2I am actually checking ON my mobile. Based on your screenshots, you are using a website that simulates a mobile- not actually on a mobile device which does make a difference. I used to use those to test but because they are different from what I actually see on my phone, I stopped using them. I only have a simulated environment here on which to test, I don't have the resources to go out and buy every make and model to test against so somebody with the specific device/browser combo and an ADB/libimobiledevice connection will have to step up
|
|
Former Member
inherit
guest@proboards.com
225992
0
Nov 24, 2024 21:50:02 GMT -8
Former Member
0
January 1970
Former Member
|
Post by Former Member on May 18, 2017 13:39:21 GMT -8
What version of Safari/Chrome and device are you using?
If you are using this for proboards you could try set the direction to column, when the media query kicks in Also, remove any widths you have and use flex-basis to control the widths instead.
flex is shorthand for (flex-grow, flex-shrink, flex-basis)
.display-flex(){ display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }
.flex-flow(@direction: row, @wrap: nowrap){ -webkit-flex-flow: @arguments; flex-flow: @arguments; }
.template4, .template5{ .display-flex; .flex-flow; .box-sizing;
.left{ flex: 0 0 70%; -webkit-flex: 0 0 70%; text-align: justify; } .right{ flex: 0 0 30%; -webkit-flex: 0 0 30%; }
@media(max-width: 800px){ .flex-flow(column, wrap);
.left, .right{ flex: 1 0 100%; -webkit-flex: 1 0 100%; } } }
|
|
inherit
133146
0
Nov 16, 2024 15:51:08 GMT -8
Alanna 🥀🖤
3,564
November 2008
alannab
|
Post by Alanna 🥀🖤 on May 18, 2017 15:02:11 GMT -8
I am no longer having issues with the templates. Please review my latest post.
|
|
inherit
133146
0
Nov 16, 2024 15:51:08 GMT -8
Alanna 🥀🖤
3,564
November 2008
alannab
|
Post by Alanna 🥀🖤 on May 18, 2017 19:03:52 GMT -8
Private Safari Browser (not logged in) 1, 2I am actually checking ON my mobile. Based on your screenshots, you are using a website that simulates a mobile- not actually on a mobile device which does make a difference. I used to use those to test but because they are different from what I actually see on my phone, I stopped using them. I only have a simulated environment here on which to test, I don't have the resources to go out and buy every make and model to test against so somebody with the specific device/browser combo and an ADB/libimobiledevice connection will have to step up I get the feeling that I offended you which was not my intention. I simply was informing you that the simulators are not accurate which is why we were seeing different things. However, my templates issues is resolved and I now have the following: Aha! I fixed the templates! I added flex: 100%; as well as width: 100%; (which I already had) and it worked! However, I can't figure out my other issues on a commission I'm doing. If I can have help with this too it would be most appreciated! The main issue with the commission is that I have containers that hold multiple containers that are given the flex: 1 1; and flex-wrap and work perfectly fine on desktop Chrome but on Safari desktop and both Chrome and Safari mobile the containers refuse to wrap but instead stay in a straight line and run off the page. trinityblair-test.boards.net/Examples of this are: - the navigation links in the welcome table: clicky- the orange and dark information boxes in profiles: clicky- the tabs on the fractions page: clicky
|
|
inherit
133146
0
Nov 16, 2024 15:51:08 GMT -8
Alanna 🥀🖤
3,564
November 2008
alannab
|
Post by Alanna 🥀🖤 on May 19, 2017 17:35:50 GMT -8
Issue has been resolved. This can be archived.
|
|