diff --git a/src/components/KnowledgeBase/KnowledgeBaseHeader/style.scss b/src/components/KnowledgeBase/KnowledgeBaseHeader/style.scss index 13d2096..c39db4f 100644 --- a/src/components/KnowledgeBase/KnowledgeBaseHeader/style.scss +++ b/src/components/KnowledgeBase/KnowledgeBaseHeader/style.scss @@ -26,7 +26,7 @@ @media (max-width: 768px) { overflow-y: none; overflow-x: auto; - white-space: nowrap; + white-space: nowrap; div.checkbox { float: none; diff --git a/src/components/KnowledgeBase/KnowledgeBaseSidebar/index.jsx b/src/components/KnowledgeBase/KnowledgeBaseSidebar/index.jsx index ffeb952..79953d8 100644 --- a/src/components/KnowledgeBase/KnowledgeBaseSidebar/index.jsx +++ b/src/components/KnowledgeBase/KnowledgeBaseSidebar/index.jsx @@ -37,10 +37,16 @@ function KnowledgeBaseSidebar(props) { ) : ( <> - { - e.preventDefault(); - setSidebarOpen(!sidebarOpen) - }} className="KnowledgeBaseSidebar-mobile-button"> + { + e.preventDefault() + setSidebarOpen(!sidebarOpen) + }} + className="KnowledgeBaseSidebar-mobile-button" + > + + setSidebarOpen(false)} diff --git a/src/components/KnowledgeBase/KnowledgeBaseSidebar/style.scss b/src/components/KnowledgeBase/KnowledgeBaseSidebar/style.scss index 20376b5..2fb2df2 100644 --- a/src/components/KnowledgeBase/KnowledgeBaseSidebar/style.scss +++ b/src/components/KnowledgeBase/KnowledgeBaseSidebar/style.scss @@ -12,7 +12,7 @@ padding: 65px 10px 10px; overflow: auto; z-index: 1; - transition: all .2s; + transition: all 0.2s; hr { height: 1px; @@ -73,7 +73,7 @@ svg { margin: 8px; transform: none; - transition: all .2s; + transition: all 0.2s; } &:hover { diff --git a/src/scss/style.scss b/src/scss/style.scss index 0caf689..b8675d0 100644 --- a/src/scss/style.scss +++ b/src/scss/style.scss @@ -2,7 +2,7 @@ @import 'variables.scss'; * { box-sizing: border-box; - -webkit-tap-highlight-color: rgba(0,0,0,0); + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; }