Menu icon Foundation

Developer

My Posts


  • 1
    Reply
  • Magellan with base html

    By Jérémy

    Magellan

    Hello, Since yesterday I used Magellan nav. But, I have a problem with my anchors. Indeed, I used a base html : http://www.w3schools.com/tags/tag_base.asp So, I don't have Magellan animation because I need to put a code which add pathname before the... (continued)

    Last Reply by Jérémy about 5 years ago


  • 5
    Replies
  • Font-size 62.5%

    By Jérémy

    remfont-size

    Hello, Today, I migrated to foundation 5 with Sass files. However, I've a problem to put in font-size, the value 62.50% to use easily rem. When I change base-font-size variable, my page becomes very small, it's normal. How can I use font-size:62.5... (continued)

    Last Reply by Alejandro Ferreiro almost 5 years ago


My Comments

Jérémy commented on Jérémy 's post about 5 years

I trying to have a popup as Tooltips has on hover and click to have a redirect as a .

On hover in the li, I've got the Tooltip and a click on the to redirect to a page -> https://cloudup.com/cBZMyYaA7oj

Thanks.

Jérémy commented on Mihail Minkov's post about 5 years

I try to do a pull request mais it failed :/

In addition, in the 5.4, Magellan changed. I have a position issue ...

Magellan container : http://img4.hostingpics.net/pics/982781Capturedcran20140824022155.png

A Magellan bar fixed : http://img4.hostingpics.net/pics/135649Capturedcran20140824022219.png (padding or margin left 0 ???)

Thanks.

Jérémy commented on Mihail Minkov's post about 5 years

Rafi Benkual - Yes, I think, I can submit a Pull Request but into which files I need to change ? Only foundation magellan js ?

Jérémy commented on Mihail Minkov's post about 5 years

I think, I had the same issue yesterday.

I resolve it > http://foundation.zurb.com/forum/posts/18295-magellan-with-base-html

Jérémy commented on Jérémy 's post about 5 years

I resolve this issue.

In Magellan code, I have add few things :

S(self.scope)
        .off('.magellan')
        .on('click.fndtn.magellan', '[' + self.add_namespace('data-magellan-arrival') + '] a[href^="#"]', function (e) {
          e.preventDefault();
          var pathname = window.location.href.split('#')[0];
          var expedition = $(this).closest('[' + self.attr_name() + ']'),
              settings = expedition.data('magellan-expedition-init'),
              hash = this.hash.split('#').join(''),
              target = $("a[name='"+hash+"']");

          if (target.length === 0) {
            target = $('#'+hash);

          }


          // Account for expedition height if fixed position
          var scroll_top = target.offset().top - settings.destination_threshold + 1;
          scroll_top = scroll_top - expedition.outerHeight();

          $('html, body').stop().animate({
            'scrollTop': scroll_top
          }, 700, 'swing', function () {
            if(history.pushState) {
              history.pushState(null, null, pathname+'#'+hash);
            }
            else {
              location.hash = pathname+'#'+hash;
            }
          });
        })
        .on('scroll.fndtn.magellan', self.throttle(this.check_for_arrivals.bind(this), settings.throttle_delay));

      $(window)
        .on('resize.fndtn.magellan', self.throttle(this.set_expedition_position.bind(this), settings.throttle_delay));
    },

Thanks to take these modifications into consideration to the Foundation new version :)

Jérémy commented on Rafi Benkual's post about 5 years

@chris - I come back on 5.3.1 temporary to no longer have this issue.

Jérémy commented on Rafi Benkual's post about 5 years

Great !

Jérémy commented on Rafi Benkual's post about 5 years

Chrome 36 on Mac, same issue on Firefox 31 and I don't have customized Foundation code.

Jérémy commented on Rafi Benkual's post about 5 years

I've a bug with 5.3.2, it concerns the arrow in dropdown. (I've never had this issue before 5.3.2 update).

Each arrow are in the right position and it's not normal.

Sceenshot : http://img15.hostingpics.net/pics/738229Capturedcran20140801171550.png

Thanks

Jérémy commented on Jérémy 's post about 5 years

I tried to assign a font size to the body, but it's not working because html is stronger than body ...

Nobody use 10px as font-size reference to have 1rem equals 10px ?

Thanks.

Posts Followed


  • 1
    Reply
  • Magellan with base html

    By Jérémy

    Magellan

    Hello, Since yesterday I used Magellan nav. But, I have a problem with my anchors. Indeed, I used a base html : http://www.w3schools.com/tags/tag_base.asp So, I don't have Magellan animation because I need to put a code which add pathname before the... (continued)

    Last Reply by Jérémy about 5 years ago



  • 5
    Replies
  • Font-size 62.5%

    By Jérémy

    remfont-size

    Hello, Today, I migrated to foundation 5 with Sass files. However, I've a problem to put in font-size, the value 62.50% to use easily rem. When I change base-font-size variable, my page becomes very small, it's normal. How can I use font-size:62.5... (continued)

    Last Reply by Alejandro Ferreiro almost 5 years ago


Following

    No Content

Followers

My Posts




My Comments

You commented on Jérémy 's post about 5 years

I trying to have a popup as Tooltips has on hover and click to have a redirect as a .

On hover in the li, I've got the Tooltip and a click on the to redirect to a page -> https://cloudup.com/cBZMyYaA7oj

Thanks.

You commented on Mihail Minkov's post about 5 years

I try to do a pull request mais it failed :/

In addition, in the 5.4, Magellan changed. I have a position issue ...

Magellan container : http://img4.hostingpics.net/pics/982781Capturedcran20140824022155.png

A Magellan bar fixed : http://img4.hostingpics.net/pics/135649Capturedcran20140824022219.png (padding or margin left 0 ???)

Thanks.

You commented on Mihail Minkov's post about 5 years

Rafi Benkual - Yes, I think, I can submit a Pull Request but into which files I need to change ? Only foundation magellan js ?

You commented on Mihail Minkov's post about 5 years

I think, I had the same issue yesterday.

I resolve it > http://foundation.zurb.com/forum/posts/18295-magellan-with-base-html

You commented on Jérémy 's post about 5 years

I resolve this issue.

In Magellan code, I have add few things :

S(self.scope)
        .off('.magellan')
        .on('click.fndtn.magellan', '[' + self.add_namespace('data-magellan-arrival') + '] a[href^="#"]', function (e) {
          e.preventDefault();
          var pathname = window.location.href.split('#')[0];
          var expedition = $(this).closest('[' + self.attr_name() + ']'),
              settings = expedition.data('magellan-expedition-init'),
              hash = this.hash.split('#').join(''),
              target = $("a[name='"+hash+"']");

          if (target.length === 0) {
            target = $('#'+hash);

          }


          // Account for expedition height if fixed position
          var scroll_top = target.offset().top - settings.destination_threshold + 1;
          scroll_top = scroll_top - expedition.outerHeight();

          $('html, body').stop().animate({
            'scrollTop': scroll_top
          }, 700, 'swing', function () {
            if(history.pushState) {
              history.pushState(null, null, pathname+'#'+hash);
            }
            else {
              location.hash = pathname+'#'+hash;
            }
          });
        })
        .on('scroll.fndtn.magellan', self.throttle(this.check_for_arrivals.bind(this), settings.throttle_delay));

      $(window)
        .on('resize.fndtn.magellan', self.throttle(this.set_expedition_position.bind(this), settings.throttle_delay));
    },

Thanks to take these modifications into consideration to the Foundation new version :)

You commented on Rafi Benkual's post about 5 years

@chris - I come back on 5.3.1 temporary to no longer have this issue.

You commented on Rafi Benkual's post about 5 years

Great !

You commented on Rafi Benkual's post about 5 years

Chrome 36 on Mac, same issue on Firefox 31 and I don't have customized Foundation code.

You commented on Rafi Benkual's post about 5 years

I've a bug with 5.3.2, it concerns the arrow in dropdown. (I've never had this issue before 5.3.2 update).

Each arrow are in the right position and it's not normal.

Sceenshot : http://img15.hostingpics.net/pics/738229Capturedcran20140801171550.png

Thanks

You commented on Jérémy 's post about 5 years

I tried to assign a font size to the body, but it's not working because html is stronger than body ...

Nobody use 10px as font-size reference to have 1rem equals 10px ?

Thanks.

Posts Followed




Following

  • No Content

Followers

  • No Content