Commit ed3da0b7 authored by Jacek Lebioda's avatar Jacek Lebioda
Browse files

chore: Merge branch '38-correct-the-responsive-menu-on-mobile' into 'latest'

Resolve "Correct the responsive menu on mobile"

Closes #38

See merge request core-services/jekyll-theme-lcsb-default!24
parents 757f92cf d84f48ed
...@@ -89,10 +89,10 @@ html { ...@@ -89,10 +89,10 @@ html {
@media (max-width: 640px) { @media (max-width: 640px) {
.page-link.active:before, .page-link2.active:before { .page-link.active:before, .page-link2.active:before {
content: "\2022"; content: "\2023";
margin-right: 10px; margin-right: 10px;
position: absolute; position: absolute;
left: 12%; left: 20px;
color: rgb(23, 168, 225); color: rgb(23, 168, 225);
} }
.page-link.active, .page-link2.active { .page-link.active, .page-link2.active {
...@@ -186,6 +186,7 @@ html { ...@@ -186,6 +186,7 @@ html {
border: 1px solid $grey-color-light; border: 1px solid $grey-color-light;
border-radius: 5px; border-radius: 5px;
text-align: right; text-align: right;
max-width: calc(100% - 30px);
label[for="nav-trigger"] { label[for="nav-trigger"] {
display: block; display: block;
...@@ -215,17 +216,24 @@ html { ...@@ -215,17 +216,24 @@ html {
display: none; display: none;
} }
input:checked ~ div {
width: 100%;
}
input:checked ~ .trigger { input:checked ~ .trigger {
display: block; display: block;
padding-bottom: 5px; padding-bottom: 15px;
padding-right: 15px;
width: calc(100% - 15px);
} }
.page-link, .page-link2 { .page-link, .page-link2 {
display: block; display: block;
padding: 5px 10px; padding: 7px 10px;
&:not(:last-child) { &:not(:last-child) {
margin-right: 0; margin-right: 0;
border-bottom: solid 1px #eceaea;
} }
margin-left: 20px; margin-left: 20px;
} }
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
Gem::Specification.new do |spec| Gem::Specification.new do |spec|
spec.name = "jekyll-theme-lcsb-default" spec.name = "jekyll-theme-lcsb-default"
spec.version = "0.3.12" spec.version = "0.3.13"
spec.authors = ["Trefex", "jaceklebioda_lux"] spec.authors = ["Trefex", "jaceklebioda_lux"]
spec.email = ["lcsb-sysadmins@uni.lu"] spec.email = ["lcsb-sysadmins@uni.lu"]
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment