feature: mobile - about

This commit is contained in:
gaelle morin
2021-01-18 18:33:34 +01:00
parent 922eb0680e
commit ba9fe94ca7
3 changed files with 45 additions and 44 deletions

View File

@ -54,14 +54,15 @@ nav#main__menu {
.ellipsis-content,
.ellipsis-content>div {
display: block;
line-height: 19px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
@media(min-width: 1024px) {
@media (max-width: 768px) {
display: block;
line-height: 19px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
}
}
@ -88,17 +89,17 @@ nav#main__menu {
}
&.jsLeftMenu[open] {
display: block;
bottom: 0;
box-shadow: 0 2px 8px 0 rgba(65, 69, 73, 0.5);
width: 80vw;
position: fixed;
right: 0;
top: 0;
z-index: 1000;
display: none;
@media(min-width: 1024px) {
display: none;
@media (max-width: 768px) {
display: block;
bottom: 0;
box-shadow: 0 2px 8px 0 rgba(65, 69, 73, 0.5);
width: 100%;
position: fixed;
right: 0;
top: 50px;
z-index: 1000;
}
}
}