-
4Replies
-
Bug : Tabs are not refreshed when used within DropDown (ZF6)
By Alex Laforge
Hi @Rafi, When Tabs are included into a Dropdown menu, they are not properly refreshed. If you close the Dropdown, and open it again, then clicking a new tab will not make the previous disappear... so there are 2 (or more) active tabs, and their conte... (continued)
Last Reply by Brian Tan about 3 years ago
-
8Replies
-
How to catch Off-canvas Events In ZF6 ?
By Alex Laforge
offcanvasoff-canvaseventfiringevents
Hi, I'm trying to handle events when ZF6 Offcanvas is opened... Currently with no chance. I've tried this code so far, but no success. How could I catch such an event ?
Last Reply by Andrew Sepic about 1 month ago
-
8Replies
-
Dropdown menu data-options ignored (ZF6)
By Alex Laforge
dropdowndrop-downdata-optionsmenu
Hi, Am I totally stupid, or are all the DropDown menu data-options ignored ? I've tried the following, without succeeding having one SINGLE F****ing options being considered ! ul class="dropdown menu" data-dropdown-menu... (continued)
Last Reply by acemary about 3 years ago
-
2Replies
-
Where are Xlarge and XXlarge in SCSS ? (ZF6)
By Alex Laforge
xlargexxlargegridscsszf6foundation 6
Hi, Impossible to find the Xlarge and XXlarge grids in the standard SCSS Foundation distribution. $include-xl-html-grid-classes: true; Where do have they gone ?
Last Reply by Alex Laforge about 3 years ago
-
1Reply
-
How to have a Top Bar "becoming" sticky on page scroll ? (ZF6)
By Alex Laforge
topbartop-barstickybecomezf6foundation 6
Hi, A very quick question : I know how to get a Top bar Sticky, it's kind of simple. But I would like to display a "HERO" big image on top of page, then the top bar below. So : How to have the top-bar "becoming" sticky ONLY when user scrolls down a... (continued)
Last Reply by Alex Laforge about 3 years ago
-
2Replies
-
Off-canvas loses its own scrollbar on mobile (ZF6)
By Alex Laforge
offcanvasoff-canvaszf6foundation 6
On the "Foundation for sites" DOCS, it is stated that "The menu also gets its own scroll bar if it's taller than the window". http://foundation.zurb.com/sites/docs/off-canvas.html But that's not true for small screens (mobile). Once the window gets... (continued)
Last Reply by Alex Laforge about 3 years ago
Hi,
I have found a solution for the missing responsive content alignment classes.
It allows to justify content columns inside a parent row, on left, right or center, depending of the media query (the screen size).
Here is the SCSS.
PS : @RafiBenkual : it should be a good idea to include it in the next Foundation Release.
//ZFEX : Create breakpoint specific justify styles, missing in foundation by default.
@each $breakpoint in $breakpoint-classes {
@if $breakpoint == small {
// Do nothing
} @else {
@include breakpoint($breakpoint) {
//provides ability to use .medium-align-left, .large-align-left, and so on..., in order to override .align-center OR .align-right
.#{$breakpoint}-align-left {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
}
//provides ability to use .medium-align-center, .large-align-center, and so on..., in order to override .align-left OR .align-right
.#{$breakpoint}-align-center {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
//provides ability to use .medium-align-right, .large-align-right, and so on..., in order to override .align-center OR .align-left
.#{$breakpoint}-align-right {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
}
}
}