Menu icon Foundation

Designer

My Posts



  • 8
    Replies
  • Tables look different in 5.4

    By ndh

    tables5.4

    I just upgraded from 5.0 to 5.4 and now my tables look completely different. The problem seems to be how the first column is displayed. Were there any changes to tables? The first image shows how my table used to look. The second shows the table in 5.4. Thank you

    Last Reply by moflixsallinone over 4 years ago



  • 4
    Replies
  • Abide alpha_numeric bug? 5.2.1

    By ndh

    abide

    I have a text box with alpha_numeric required. Now when I have a space in the text, it says its invalid. This worked in 5.0 and according to the docs: alpha_numeric A1 Sauce.

    Last Reply by ndh almost 5 years ago





  • 2
    Replies
  • Move divs based on screen size

    By ndh

    grid

    I have the following divs for my desktop: However, when the page is viewed on the mobile screen, I want the main content to be at the top of the page. Any ideas on how to create this layout? Thank you

    Last Reply by ndh almost 5 years ago



My Comments

ndh commented on ndh's post over 4 years

Looks like this was a bug in 5.3.3. I upgraded to 5.4.5 and all is well.

ndh commented on ndh's post over 4 years

Yep, changing to auto resolved it. Thanks for your help!

ndh commented on Jeremy Englert's post over 4 years

This helped. I upgraded from 5.0 to 5.4 and spent hours trying to fix. Thanks

ndh commented on ndh's post over 4 years

Hi Geoff,

Yes, I am using the Zurb responsive-tables.js. This is probably a beginner question (and I'm definitely a beginner!) how do I re-initialize?

ndh commented on ndh's post over 4 years

Thanks Rafi good to know. I actually like it, just wasn't sure if it was a new feature.

ndh commented on ndh's post almost 5 years

That's what is happening to me too. I have to scroll waaaay down on mobile to see the end of the modal.

ndh commented on ndh's post almost 5 years

Thanks Ricardo!

ndh commented on ndh's post almost 5 years

According to the docs you change the media queries with SASS. I'm looking to do the same for CSS. I want to change the large from 64.063em, 90em) to (40.063em, 64em);

Customize With Sass
Media queries can be easily customized by changing the variable values in _settings.scss.

SCSS

// Here we define the lower and upper bounds for each media size
$small-range: (0em, 40em); /* 0, 640px /
$medium-range: (40.063em, 64em); /
641px, 1024px /
$large-range: (64.063em, 90em); /
1025px, 1440px /
$xlarge-range: (90.063em, 120em); /
1441px, 1920px /
$xxlarge-range: (120.063em); /
1921px */

ndh commented on ndh's post almost 5 years

Rafi,

I opened that GitHub issue today.

Thanks

ndh commented on ndh's post almost 5 years

Posts Followed

No Content

Following

    No Content

Followers

My Posts








My Comments

You commented on ndh's post over 4 years

Looks like this was a bug in 5.3.3. I upgraded to 5.4.5 and all is well.

You commented on ndh's post over 4 years

Yep, changing to auto resolved it. Thanks for your help!

You commented on Jeremy Englert's post over 4 years

This helped. I upgraded from 5.0 to 5.4 and spent hours trying to fix. Thanks

You commented on ndh's post over 4 years

Hi Geoff,

Yes, I am using the Zurb responsive-tables.js. This is probably a beginner question (and I'm definitely a beginner!) how do I re-initialize?

You commented on ndh's post over 4 years

Thanks Rafi good to know. I actually like it, just wasn't sure if it was a new feature.

You commented on ndh's post almost 5 years

That's what is happening to me too. I have to scroll waaaay down on mobile to see the end of the modal.

You commented on ndh's post almost 5 years

Thanks Ricardo!

You commented on ndh's post almost 5 years

According to the docs you change the media queries with SASS. I'm looking to do the same for CSS. I want to change the large from 64.063em, 90em) to (40.063em, 64em);

Customize With Sass
Media queries can be easily customized by changing the variable values in _settings.scss.

SCSS

// Here we define the lower and upper bounds for each media size
$small-range: (0em, 40em); /* 0, 640px /
$medium-range: (40.063em, 64em); /
641px, 1024px /
$large-range: (64.063em, 90em); /
1025px, 1440px /
$xlarge-range: (90.063em, 120em); /
1441px, 1920px /
$xxlarge-range: (120.063em); /
1921px */

You commented on ndh's post almost 5 years

Rafi,

I opened that GitHub issue today.

Thanks

You commented on ndh's post almost 5 years

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content