fix: focus mode & dynamic panels on small screens (#1246)

This commit is contained in:
Aman Harwara
2022-07-11 19:21:03 +05:30
committed by GitHub
parent b025e394c1
commit 9d230d4b81
3 changed files with 70 additions and 66 deletions

View File

@@ -1,23 +1,25 @@
#navigation {
flex: none !important;
width: 10px !important;
transition: width 0.25s;
}
@media screen and (min-width: 768px) {
#navigation {
flex: none !important;
width: 10px !important;
transition: width 0.25s;
}
#navigation:hover {
flex: initial;
width: 200px !important;
transition: width 0.25s;
}
#navigation:hover {
flex: initial;
width: 200px !important;
transition: width 0.25s;
}
#items-column {
flex: none !important;
width: 270px !important;
transition: width 0.25s;
}
#items-column {
flex: none !important;
width: 270px !important;
transition: width 0.25s;
}
#items-column:hover {
flex: initial;
width: 380px !important;
transition: width 0.25s;
#items-column:hover {
flex: initial;
width: 380px !important;
transition: width 0.25s;
}
}