adding custom css classes to fix sidebar
commitf15703060c08ed929177b2df17f5058afc3c732a
authorJimmy <jyng02@gmail.com>
dateTue 22 Jan 2019, 15:54 (8 years ago)
parent4180bdf
partials/doc-wrap.hoon+2−2
@@ -23,14 +23,14 @@
2323 ==
2424 ==
2525 ;div.container.mt-10
26− ;div.row.col-sm-2.col-md-3.col-lg-2.fixed.pb-30.h-100-md
26+ ;div.sidebar-container.row.col-sm-3.fixed.pb-30.h-100-md
2727 ;div.col-sm-3.col-lg-6.menu-toggle
2828 ;img.w-8.h-8@"/assets/menu-open.svg";
2929 ==
3030 ;div.col-sm-12.mt-7.sidebar-toggle.md-hide
3131 ;img.w-8.h-8.dropdown-left@"/assets/dropdown.svg";
3232 ==
33− ;div.overflow-y.col-sm-8.col-md-11.col-lg-10.w-48.sm-hide(style "height:100%")
33+ ;div.h-100.col-sm-8.col-md-11.overflow-y.sm-hide
3434 ;+ sidebar
3535 ==
3636 ==
static-site/css/menu.css+22−2
@@ -7,7 +7,6 @@
77 visibility: visible;
88 opacity: 1;
99}
10−
1110.menu-hide, .sidebar-hide {
1211 visibility: hidden;
1312 display: none;
@@ -17,13 +16,34 @@
1716 cursor: pointer;
1817}
1918
19+/*****************
20+SIDEBAR CUSTOM CSS
21+******************/
2022.dropdown-left {
2123 transform: rotate(90deg);
2224}
2325.dropdown-right {
2426 transform: rotate(-90deg);
2527}
26−@media only screen and (min-width: 480px) {
28+.sidebar-container {
29+ max-width: 232px;
30+}
31+
32+.h-100 {
33+ height: 100%;
34+}
35+@media only screen and (max-width: 750px) {
36+.sm-hide {
37+ display: none;
38+ }
39+}
40+
41+@media only screen and (min-width: 750px) {
42+.md-hide {
43+ display: none;
44+ }
45+}
46+@media only screen and (min-width: 750px) {
2747 .h-100-md{
2848 height: 100%;
2949 }
static-site/css/visibility.css−10
@@ -4,17 +4,7 @@
44.overflow-y {
55 overflow-y: scroll;
66}
7−@media only screen and (max-width: 480px) {
8−.sm-hide {
9− display: none;
10− }
11−}
127
13−@media only screen and (min-width: 480px) {
14−.md-hide {
15− display: none;
16− }
17−}
188
199.zn1{
2010 z-index: -1;