FSFE/fsfe-website
25
31
Fork 91
Code Issues 65 Pull Requests 5 Wiki Activity

Enhances the mobile header/menu layout (#663)

Browse Source
This commit is contained in:
Michael Weimann 2018-11-28 12:07:39 +01:00 committed by max.mehl
parent 5eb5d9e711
commit a28f198fe7
Signed by: max.mehl
GPG Key ID: 2704E4AB371E2E92
7 changed files with 288 additions and 332 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
build/xslt/fsfe_pageheader.xsl
View File

@ -20,8 +20,6 @@
<xsl:element name="a">
<xsl:attribute name="href">#menu-list</xsl:attribute>
<xsl:attribute name="id">direct-to-menu-list</xsl:attribute>
<xsl:attribute name="data-toggle">collapse</xsl:attribute>
<xsl:attribute name="data-target">#menu-list</xsl:attribute>
<xsl:element name="i">
<xsl:attribute name="class">fa fa-bars fa-lg</xsl:attribute>
</xsl:element>

4
look/fellowship.min.css vendored
View File

File diff suppressed because one or more lines are too long

576
look/fsfe.less
View File

File diff suppressed because it is too large Load Diff

8
look/fsfe.min.css vendored
View File

File diff suppressed because one or more lines are too long

6
look/style.less
View File

@ -152,7 +152,7 @@ div#subpages, .grid-row {
}
#menu {
@media (min-width: @screen-xs) {
@media (min-width: @screen-sm) {
.pull-right;
text-align: right;
}
@ -176,7 +176,7 @@ div#subpages, .grid-row {
}
}
@media (min-width: @screen-xs) {
@media (min-width: @screen-sm) {
#direct-to-menu-list {
visibility: hidden;
display: none;
@ -954,7 +954,7 @@ div#subpages, .grid-row {
margin: 1em 0 0;
li {
.make-xs-column(6);
.make-xs-column(12);
.make-sm-column(4);
.make-md-column(2);
margin-top: 1em;

4
look/valentine.min.css vendored
View File

File diff suppressed because one or more lines are too long

20
scripts/bootstrap-3.0.3.custom.js vendored
View File

@ -335,3 +335,23 @@
})
}(jQuery);
/**
* FSFE custom slide toggle for the mobile menu.
*/
$(document).ready(function() {
if ($(window).width() < 768) {
$('#menu-list').hide();
}
$('#direct-to-menu-list').on('click', function(e) {
e.preventDefault();
$('#menu-list').stop(true, true).slideToggle();
});
$(window).on('resize', function() {
if ($(window).width() >= 768) {
$('#menu-list').show();
}
});
});