article > toc button : at title leve
All checks were successful
Deploy / Deploy to Production (push) Successful in 6s
All checks were successful
Deploy / Deploy to Production (push) Successful in 6s
This commit is contained in:
parent
16b634aba3
commit
554a650b91
4 changed files with 26 additions and 21 deletions
|
|
@ -12,16 +12,6 @@
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 640px) {
|
|
||||||
#main-footer ul {
|
|
||||||
bottom: 0;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-around;
|
|
||||||
border-top: 1px solid var(--color-primary);
|
|
||||||
background-color: var(--color-background);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#main-footer li:not(.footer-btn-wrapper) {
|
#main-footer li:not(.footer-btn-wrapper) {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
@ -52,6 +42,14 @@
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
padding: calc(var(--unit--vertical) / 2) var(--unit--horizontal);
|
padding: calc(var(--unit--vertical) / 2) var(--unit--horizontal);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#main-footer ul {
|
||||||
|
bottom: 0;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
border-top: 1px solid var(--color-primary);
|
||||||
|
background-color: var(--color-background);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 640px) {
|
@media screen and (min-width: 640px) {
|
||||||
|
|
@ -83,4 +81,9 @@
|
||||||
border: none;
|
border: none;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.side-panel-button-wrapper {
|
||||||
|
position: fixed;
|
||||||
|
top: calc(var(--unit--vertical) * 7);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1082,15 +1082,6 @@ body.full-width #main-content {
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 640px) {
|
|
||||||
#main-footer ul {
|
|
||||||
bottom: 0;
|
|
||||||
display: flex;
|
|
||||||
justify-content: space-around;
|
|
||||||
border-top: 1px solid var(--color-primary);
|
|
||||||
background-color: var(--color-background);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#main-footer li:not(.footer-btn-wrapper) {
|
#main-footer li:not(.footer-btn-wrapper) {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
@ -1122,6 +1113,13 @@ body.full-width #main-content {
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
padding: calc(var(--unit--vertical) / 2) var(--unit--horizontal);
|
padding: calc(var(--unit--vertical) / 2) var(--unit--horizontal);
|
||||||
}
|
}
|
||||||
|
#main-footer ul {
|
||||||
|
bottom: 0;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
border-top: 1px solid var(--color-primary);
|
||||||
|
background-color: var(--color-background);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@media screen and (min-width: 640px) {
|
@media screen and (min-width: 640px) {
|
||||||
#main-footer li {
|
#main-footer li {
|
||||||
|
|
@ -1149,6 +1147,10 @@ body.full-width #main-content {
|
||||||
border: none;
|
border: none;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
.side-panel-button-wrapper {
|
||||||
|
position: fixed;
|
||||||
|
top: calc(var(--unit--vertical) * 7);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.toggle-light {
|
.toggle-light {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -2,7 +2,7 @@
|
||||||
<footer id="main-footer">
|
<footer id="main-footer">
|
||||||
<ul id="links">
|
<ul id="links">
|
||||||
<?php if ($page->hasToc()): ?>
|
<?php if ($page->hasToc()): ?>
|
||||||
<li class="footer-btn-wrapper hidden">
|
<li class="footer-btn-wrapper side-panel-button-wrapper hidden">
|
||||||
<button class="plus" data-open-panel="side-panel" data-view="toc" title="ouvrir la table des matières">sommaire</button>
|
<button class="plus" data-open-panel="side-panel" data-view="toc" title="ouvrir la table des matières">sommaire</button>
|
||||||
</li>
|
</li>
|
||||||
<?php endif ?>
|
<?php endif ?>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue