Migrate the template to Joomla 4 #1

Merged
christian merged 13 commits from dev/j4-compatibility into master 2022-04-09 14:57:52 +00:00
5 changed files with 40 additions and 25 deletions
Showing only changes of commit 07c71a6022 - Show all commits

View File

@ -1,4 +1,4 @@
#left-menu .current-page-menu ul.menu { #left-menu .current-page-menu ul.mod-menu {
background-color: transparent; background-color: transparent;
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;

View File

@ -8,7 +8,7 @@
display: block; display: block;
margin: 15px 0 15px 5px; margin: 15px 0 15px 5px;
> ul.menu { > ul.mod-menu {
padding: 10px; padding: 10px;
li > a { li > a {
@ -17,15 +17,27 @@
} }
} }
.nav {
display: block;
li > a {
display: block;
}
}
.nav > li, .nav > li,
.nav-child > li { .mod-menu__sub > li {
padding: 5px 0; padding: 5px 0;
border-top-style: solid; border-top-style: solid;
border-width: 1px; border-width: 1px;
}
.nav > li:first-child, &:first-child {
.nav-child > li:first-child {
border-top-style: none; border-top-style: none;
} }
}
// .nav > li:first-child,
// .mod-menu__sub > li:first-child {
// border-top-style: none;
// }
} }

View File

@ -8,7 +8,7 @@
} }
} }
.nav-child { .mod-menu__sub {
font-size: small; font-size: small;
> li > a { > li > a {
@ -19,13 +19,13 @@
} }
.nav, .nav,
.nav-child { .mod-menu__sub {
padding: 0; padding: 0;
> li { > li {
display: block; display: block;
> .nav-child { > .mod-menu__sub {
padding-left: 10px; padding-left: 10px;
margin-left: 10px; margin-left: 10px;
@ -37,7 +37,7 @@
} }
ul.nav > li > a:hover, ul.nav > li > a:hover,
ul.nav-child > li > a:hover { ul.mod-menu__sub > li > a:hover {
/* background-color: inherit; */ /* background-color: inherit; */
/* FIXME */ /* FIXME */

View File

@ -41,7 +41,7 @@
margin-right: 5px; margin-right: 5px;
} }
.nav-child > li { .mod-menu__sub > li {
margin: 0; margin: 0;
} }
@ -54,7 +54,7 @@
border: none; border: none;
} }
> ul.menu { > ul.mod-menu {
background-color: initial; background-color: initial;
color: initial; color: initial;
margin-bottom: initial; margin-bottom: initial;

View File

@ -28,7 +28,7 @@
} }
.nav > li, .nav > li,
.nav-child > li { .mod-menu__sub > li {
padding: 0; padding: 0;
border-style: none; border-style: none;
} }
@ -51,6 +51,7 @@
> li { > li {
display: inline-block; display: inline-block;
text-align: left; text-align: left;
// height: 100%;
@include abstract.for-desktop { @include abstract.for-desktop {
text-align: left; text-align: left;
@ -59,6 +60,8 @@
> a { > a {
position: relative; position: relative;
font-size: large; font-size: large;
display: block;
height: 100%;
@include abstract.for-desktop { @include abstract.for-desktop {
font-size: large; font-size: large;
@ -72,7 +75,7 @@
background-color: inherit; background-color: inherit;
} }
> .nav-child { > .mod-menu__sub {
position: absolute; position: absolute;
display: none; display: none;
@ -107,7 +110,7 @@
} }
} }
&:hover > .nav-child { &:hover > .mod-menu__sub {
display: block; display: block;
@include abstract.for-desktop { @include abstract.for-desktop {
@ -126,35 +129,35 @@
color: inherit; color: inherit;
} }
.nav-child > li:hover > a:hover, .mod-menu__sub > li:hover > a:hover,
.nav-child > li:focus > a:hover, .mod-menu__sub > li:focus > a:hover,
.nav-child > li:hover > a:focus { .mod-menu__sub > li:hover > a:focus {
text-decoration: none; text-decoration: none;
} }
} }
// Special colors for topics // Special colors for topics
> ul.nav .nav-child a.lehre { > ul.nav .mod-menu__sub a.lehre {
border-left-color: abstract.$color-lehre; border-left-color: abstract.$color-lehre;
} }
> ul.nav .nav-child a.breitensport { > ul.nav .mod-menu__sub a.breitensport {
border-left-color: abstract.$color-breitensport; border-left-color: abstract.$color-breitensport;
} }
> ul.nav .nav-child a.jugend { > ul.nav .mod-menu__sub a.jugend {
border-left-color: abstract.$color-jugend; border-left-color: abstract.$color-jugend;
} }
> ul.nav .nav-child a.jmd { > ul.nav .mod-menu__sub a.jmd {
border-left-color: abstract.$color-jmd; border-left-color: abstract.$color-jmd;
} }
> ul.nav .nav-child a.fachverbaende { > ul.nav .mod-menu__sub a.fachverbaende {
border-left-color: abstract.$color-fachverbaende; border-left-color: abstract.$color-fachverbaende;
} }
> ul.nav .nav-child a.sport { > ul.nav .mod-menu__sub a.sport {
border-left-color: abstract.$color-sport; border-left-color: abstract.$color-sport;
} }
} }