From 1fda560d0d1650836d4140dcab6e6c0546b14698 Mon Sep 17 00:00:00 2001
From: Andres <zadorozhnyi99.dev@gmail.com>
Date: Fri, 8 Jul 2022 15:47:18 +0200
Subject: [PATCH] sidebar width

---
 src/s2-homeworks/hw05/sidebar/Sidebar.module.css |  5 +++--
 src/s2-homeworks/hw05/sidebar/Sidebar.tsx        | 11 ++++++++++-
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/s2-homeworks/hw05/sidebar/Sidebar.module.css b/src/s2-homeworks/hw05/sidebar/Sidebar.module.css
index 33cc5ea..9bb13d9 100644
--- a/src/s2-homeworks/hw05/sidebar/Sidebar.module.css
+++ b/src/s2-homeworks/hw05/sidebar/Sidebar.module.css
@@ -2,11 +2,12 @@
     background: #fff;
     height: 100vh;
     left: -317px;
-    max-width: 317px;
-    min-width: 317px;
+    /* max-width: 317px; */
+    /* min-width: 317px; */
     position: fixed;
     top: 0;
     transition: 0.2s ease-in;
+    width: 317px;
     z-index: 2;
 }
 
diff --git a/src/s2-homeworks/hw05/sidebar/Sidebar.tsx b/src/s2-homeworks/hw05/sidebar/Sidebar.tsx
index 087bac8..aded64b 100644
--- a/src/s2-homeworks/hw05/sidebar/Sidebar.tsx
+++ b/src/s2-homeworks/hw05/sidebar/Sidebar.tsx
@@ -12,12 +12,20 @@ type PropsType = {
 export const Sidebar: FC<PropsType> = ({open, handleClose}) => {
     return (
         <>
+            {/*бэкграунд справа от открытого меню*/}
             {open && <div className={s.background} onClick={handleClose}/>}
+
             <aside className={`${s.sidebar} ${open ? s.open : ''}`}>
                 <button className={s.close} onClick={handleClose}>
-                    <img src={closeIcon} alt='close sidebar'/>
+                    <img
+                        src={closeIcon}
+                        alt='close sidebar'
+                        id={'hw5-menu-close'}
+                    />
                 </button>
+
                 <nav id={'hw5-menu'} className={s.nav}>
+
                     <NavLink
                         id={'hw5-pre-junior-link'}
                         to={PATH.PRE_JUNIOR}
@@ -42,6 +50,7 @@ export const Sidebar: FC<PropsType> = ({open, handleClose}) => {
                     >
                         Junior+
                     </NavLink>
+
                 </nav>
             </aside>
         </>