0.0.77 update style.css for menu

static/css/styles.css

@@ -787,6 +787,18 @@ section.profile {
     flex-basis: 35px;
 }
 
+.selected{
+    background: #FF613A !important;
+
+}
+.selected>a{
+   color:white !important;
+}
+
+.selected>img.svg{
+    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(79deg) brightness(103%) contrast(102%);
+}
+
 .info_profile{
     width: 69%;
 }
@@ -1156,31 +1168,9 @@ input#id_extra_phone
 /*    display: block;*/
 /*}*/
 
-.real-checkbox{
-
-}
-
-.custom-checkbox-w{
-    display: inline-block;
-    width: 30px;
-    height: 30px;
-    /*background: white;*/
-    border-radius: 10px;
-    border: 1px solid #E6E6E6;
-    vertical-align: sub;
-}
-
-.custom-checkbox-w::before{
-    /*content: '';*/
-    background: #FF613A;
-    transition: 0.2s ease-in;
-
-}
-
-.real-checkbox:checked + .custom-checkbox-w::before{
 
 
-}
+
 
 
 

static/js/authorization.js

@@ -20,12 +20,7 @@ function SendLoginForm(el){
         success: function(data){
 
             location.href = '/profile'
-            // let profile_btn = document.createElement("a");
+
-            // profile_btn.classList.add("profile_button");
-            // profile_btn.innerText = "Профиль";
-            // let reg_btn = document.querySelector(".registration_button");
-            // let replace_btn = reg_btn.parentNode;
-            // replace_btn.replaceChild(profile_btn, reg_btn);
 
         },
         error: function (data, exception){

static/js/user_profile.js

@@ -96,6 +96,23 @@ function myProfile(){
     });
 }
 
+function selectMenuItem() {
+        let list_div = document.querySelectorAll('.menu_profile div');
+
+        list_div.forEach(item =>{
+            item.addEventListener('click', (e) =>{
+            list_div.forEach(el=>{ el.classList.remove('selected'); });
+            item.classList.add('selected')
+        })
+    })
+
+
+}
+
+
+
+
+
 function confirmRemove(el) {
 
     // let new_button = document.querySelector('.cancel_remove')

templates/blocks/b_user_profile.html

@@ -1,6 +1,8 @@
 <section class="profile">
      {% csrf_token %}
-    <div class="menu_profile">
+    <div
+            onclick="selectMenuItem()"
+            class="menu_profile">
         <div>
           <img class="svg" src="/static/img/svg/MagnifyingGlass.svg">
           <a href="#">Поиск посылки</a>