nicolo/caprigis
1
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

Move aside menu to right

Browse Source
This commit is contained in:
Nicolò P 2025-01-10 12:10:50 +01:00
parent 0b5737a576
commit be6398b1aa
2 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
css/app.css
View File

@ -161,6 +161,10 @@ a:visited {
#menu { #menu {
z-index: 1000; z-index: 1000;
overflow-y: auto; overflow-y: auto;
margin-top: 54px;
}
#menu.is-overlay {
left: auto;
} }
/* Content in tabs */ /* Content in tabs */
.docs-title { .docs-title {

12
webgis/index.html
View File

@ -64,7 +64,12 @@
<div class="loading loading-lg"></div> <div class="loading loading-lg"></div>
</div> </div>
<div class="main columns"> <div class="main columns">
<div class="column is-hidden is-4 is-4-desktop is-5-mobile is-overlay has-background-white-ter" id="menu" <div class="column mb-0 pb-0 is-full is-relative">
<div class="pb-0 is-relative" id="map" aria-describedby="map-progress" aria-busy="true">
<progress id="map-progress" class="p-2 progress is-medium is-link" aria-label="Map loading..." />
</div>
</div>
<div class="column is-hidden is-4 is-4-desktop is-5-mobile is-pulled-right is-overlay has-background-white-ter" id="menu"
data-menu-target="menu"> data-menu-target="menu">
<aside class="menu ml-4 mt-3"> <aside class="menu ml-4 mt-3">
<button title="Chiudi menu" class="delete is-pulled-right" data-action="menu#close"></button> <button title="Chiudi menu" class="delete is-pulled-right" data-action="menu#close"></button>
@ -423,11 +428,6 @@
</ul> </ul>
</aside> </aside>
</div> </div>
<div class="column mb-0 pb-0 is-full is-relative">
<div class="pb-0" id="map" aria-describedby="map-progress" aria-busy="true" style="position: relative;">
<progress id="map-progress" class="p-2 progress is-medium is-link" aria-label="Map loading..." />
</div>
</div>
</div> </div>
<!-- Sites data modal --> <!-- Sites data modal -->
<div class="modal" id="site-data" data-controller="modal biblio tabs marker" data-modal-target="modal"> <div class="modal" id="site-data" data-controller="modal biblio tabs marker" data-modal-target="modal">