5
This commit is contained in:
parent
b6a0111217
commit
9b43865f91
1 changed files with 7 additions and 3 deletions
10
style.css
10
style.css
|
|
@ -131,19 +131,23 @@ header {
|
||||||
.info-panel {
|
.info-panel {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: -320px;
|
right: 0;
|
||||||
width: 320px;
|
width: 320px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
box-shadow: -2px 0 6px rgba(0,0,0,0.25);
|
box-shadow: -2px 0 6px rgba(0,0,0,0.25);
|
||||||
transition: right 0.3s ease;
|
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
z-index: 2000;
|
z-index: 2000;
|
||||||
|
|
||||||
|
/* 🔥 Nasconde completamente il pannello */
|
||||||
|
transform: translateX(100%);
|
||||||
|
transition: transform 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-panel.open {
|
.info-panel.open {
|
||||||
right: 0;
|
/* 🔥 Mostra il pannello */
|
||||||
|
transform: translateX(0);
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-panel h3 {
|
.info-panel h3 {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue