Turn "direct-links" menu into a list
All checks were successful
continuous-integration/drone/push Build is passing

Fixes #137
This commit is contained in:
Reinhard Müller 2020-05-03 20:09:09 +02:00
parent 6086dd64d9
commit 7c2914cd0f
2 changed files with 49 additions and 32 deletions

View File

@ -34,59 +34,71 @@
<xsl:element name="nav">
<xsl:attribute name="id">menu</xsl:attribute>
<xsl:element name="div">
<xsl:element name="p">
<xsl:call-template name="fsfe-gettext"><xsl:with-param name="id" select="'go-to'" /></xsl:call-template>
</xsl:element>
<xsl:element name="ul">
<xsl:attribute name="id">direct-links</xsl:attribute>
<xsl:element name="span">
<xsl:call-template name="fsfe-gettext"><xsl:with-param name="id" select="'go-to'" /></xsl:call-template>
</xsl:element>
<xsl:element name="a">
<xsl:attribute name="href">#menu-list</xsl:attribute>
<xsl:element name="li">
<xsl:attribute name="id">direct-to-menu-list</xsl:attribute>
<xsl:element name="i">
<xsl:attribute name="class">fa fa-bars fa-lg</xsl:attribute>
<xsl:element name="a">
<xsl:attribute name="href">#menu-list</xsl:attribute>
<xsl:element name="i">
<xsl:attribute name="class">fa fa-bars fa-lg</xsl:attribute>
</xsl:element>
<xsl:call-template name="fsfe-gettext"><xsl:with-param name="id" select="'menu'" /></xsl:call-template>
</xsl:element>
<xsl:call-template name="fsfe-gettext"><xsl:with-param name="id" select="'menu'" /></xsl:call-template>
</xsl:element>
<xsl:element name="a">
<xsl:attribute name="href">#content</xsl:attribute>
<xsl:element name="li">
<xsl:attribute name="id">direct-to-content</xsl:attribute>
<xsl:call-template name="fsfe-gettext"><xsl:with-param name="id" select="'content'" /></xsl:call-template>
<xsl:element name="a">
<xsl:attribute name="href">#content</xsl:attribute>
<xsl:call-template name="fsfe-gettext"><xsl:with-param name="id" select="'content'" /></xsl:call-template>
</xsl:element>
</xsl:element>
<xsl:element name="a">
<xsl:attribute name="href">#full-menu</xsl:attribute>
<xsl:element name="li">
<xsl:attribute name="id">direct-to-full-menu</xsl:attribute>
<xsl:call-template name="fsfe-gettext"><xsl:with-param name="id" select="'sitemap'" /></xsl:call-template>
<xsl:element name="a">
<xsl:attribute name="href">#full-menu</xsl:attribute>
<xsl:call-template name="fsfe-gettext"><xsl:with-param name="id" select="'sitemap'" /></xsl:call-template>
</xsl:element>
</xsl:element>
<xsl:element name="a">
<xsl:attribute name="href">#source</xsl:attribute>
<xsl:element name="li">
<xsl:attribute name="id">direct-to-source</xsl:attribute>
<xsl:call-template name="fsfe-gettext"><xsl:with-param name="id" select="'page-info'" /></xsl:call-template>
<xsl:element name="a">
<xsl:attribute name="href">#source</xsl:attribute>
<xsl:call-template name="fsfe-gettext"><xsl:with-param name="id" select="'page-info'" /></xsl:call-template>
</xsl:element>
</xsl:element>
<xsl:if test="not(/buildinfo/document/@external)">
<xsl:element name="a">
<xsl:attribute name="href">https://my.fsfe.org/</xsl:attribute>
<xsl:element name="li">
<xsl:attribute name="id">direct-to-login</xsl:attribute>
<xsl:element name="i">
<xsl:attribute name="class">fa fa-sign-in fa-lg</xsl:attribute>
<xsl:element name="a">
<xsl:attribute name="href">https://my.fsfe.org/</xsl:attribute>
<xsl:element name="i">
<xsl:attribute name="class">fa fa-sign-in fa-lg</xsl:attribute>
</xsl:element>
<xsl:call-template name="fsfe-gettext"><xsl:with-param name="id" select="'fellowship/login'" /></xsl:call-template>
</xsl:element>
<xsl:call-template name="fsfe-gettext"><xsl:with-param name="id" select="'fellowship/login'" /></xsl:call-template>
</xsl:element>
<xsl:element name="a">
<xsl:attribute name="href">#translations</xsl:attribute>
<xsl:element name="li">
<xsl:attribute name="id">direct-to-translations</xsl:attribute>
<xsl:attribute name="data-toggle">collapse</xsl:attribute>
<xsl:attribute name="data-target">#translations</xsl:attribute>
<xsl:element name="i">
<xsl:attribute name="class">fa fa-globe fa-lg</xsl:attribute>
<xsl:element name="a">
<xsl:attribute name="href">#translations</xsl:attribute>
<xsl:attribute name="data-toggle">collapse</xsl:attribute>
<xsl:attribute name="data-target">#translations</xsl:attribute>
<xsl:element name="i">
<xsl:attribute name="class">fa fa-globe fa-lg</xsl:attribute>
</xsl:element>
<xsl:call-template name="fsfe-gettext"><xsl:with-param name="id" select="'change-lang'" /></xsl:call-template>
</xsl:element>
<xsl:call-template name="fsfe-gettext"><xsl:with-param name="id" select="'change-lang'" /></xsl:call-template>
</xsl:element>
</xsl:if>

View File

@ -259,16 +259,21 @@ div#subpages, .grid-row {
@media (min-width: @screen-sm-min) {
.pull-right;
}
p {
display: none;
}
}
#direct-links {
.list-inline;
.clearfix;
@media (min-width: @screen-sm-min) {
margin-bottom: 2em;
}
span, a {
li {
display: none;
padding: .5em;