From 6a63a708155c10b50fc3db8a7a4a6eb676509abf Mon Sep 17 00:00:00 2001
From: pero1203 <peter.hrvatin@gmail.com>
Date: Wed, 8 Jun 2022 09:49:20 +0200
Subject: [PATCH] Redesign - popravek radio/checklboxov pri komentarjih

---
 public/css/admin_new.css                      | 99 +++++++++++++++++++
 .../pages/survey_testiranje/komentarji.scss   | 92 +++++++++++++++++
 2 files changed, 191 insertions(+)

diff --git a/public/css/admin_new.css b/public/css/admin_new.css
index 972865d50..cf3a9a1d1 100644
--- a/public/css/admin_new.css
+++ b/public/css/admin_new.css
@@ -23511,6 +23511,11 @@ div.page_komentarji_anketa ul {
   padding: 0;
   margin: 32px 0 0 0;
 }
+div.page_komentarji ul .spremenljivka_content,
+div.page_komentarji_anketa ul .spremenljivka_content {
+  /* font awesom za admin */
+  /* select, checked */
+}
 div.page_komentarji ul .spremenljivka_content .icons_holder,
 div.page_komentarji_anketa ul .spremenljivka_content .icons_holder {
   display: none !important;
@@ -23519,6 +23524,100 @@ div.page_komentarji ul .spremenljivka_content .add-variable,
 div.page_komentarji_anketa ul .spremenljivka_content .add-variable {
   display: none !important;
 }
+div.page_komentarji ul .spremenljivka_content input[type=checkbox].enka-admin-custom,
+div.page_komentarji ul .spremenljivka_content input[type=radio].enka-admin-custom,
+div.page_komentarji_anketa ul .spremenljivka_content input[type=checkbox].enka-admin-custom,
+div.page_komentarji_anketa ul .spremenljivka_content input[type=radio].enka-admin-custom {
+  display: none !important;
+}
+div.page_komentarji ul .spremenljivka_content input[type=checkbox].enka-admin-custom + span.enka-checkbox-radio:before,
+div.page_komentarji ul .spremenljivka_content input[type=radio].enka-admin-custom + span.enka-checkbox-radio:before,
+div.page_komentarji_anketa ul .spremenljivka_content input[type=checkbox].enka-admin-custom + span.enka-checkbox-radio:before,
+div.page_komentarji_anketa ul .spremenljivka_content input[type=radio].enka-admin-custom + span.enka-checkbox-radio:before {
+  font-family: "Font Awesome 5 Free";
+  display: inline-block;
+  font-size: 16px;
+  color: #D3D3D3;
+  font-weight: 400;
+}
+div.page_komentarji ul .spremenljivka_content input[type=checkbox].enka-admin-custom.enka-inline + span.enka-checkbox-radio:before,
+div.page_komentarji ul .spremenljivka_content input[type=radio].enka-admin-custom.enka-inline + span.enka-checkbox-radio:before,
+div.page_komentarji_anketa ul .spremenljivka_content input[type=checkbox].enka-admin-custom.enka-inline + span.enka-checkbox-radio:before,
+div.page_komentarji_anketa ul .spremenljivka_content input[type=radio].enka-admin-custom.enka-inline + span.enka-checkbox-radio:before {
+  display: inline-block;
+  padding-top: 4px;
+  padding-left: 4px;
+  font-weight: 400;
+}
+div.page_komentarji ul .spremenljivka_content input[type=checkbox].enka-admin-custom + span.enka-checkbox-radio:before,
+div.page_komentarji_anketa ul .spremenljivka_content input[type=checkbox].enka-admin-custom + span.enka-checkbox-radio:before {
+  content: "";
+  letter-spacing: 10px;
+}
+div.page_komentarji ul .spremenljivka_content input[type=radio].enka-admin-custom + span.enka-checkbox-radio:before,
+div.page_komentarji_anketa ul .spremenljivka_content input[type=radio].enka-admin-custom + span.enka-checkbox-radio:before {
+  content: "";
+  letter-spacing: 8px;
+}
+div.page_komentarji ul .spremenljivka_content input[type=checkbox].enka-admin-custom:checked + span.enka-checkbox-radio:before,
+div.page_komentarji_anketa ul .spremenljivka_content input[type=checkbox].enka-admin-custom:checked + span.enka-checkbox-radio:before {
+  content: "";
+  color: #D3D3D3;
+  letter-spacing: 8px;
+}
+div.page_komentarji ul .spremenljivka_content input[type=radio].enka-admin-custom:checked + span.enka-checkbox-radio:before,
+div.page_komentarji_anketa ul .spremenljivka_content input[type=radio].enka-admin-custom:checked + span.enka-checkbox-radio:before {
+  content: "";
+  color: #D3D3D3;
+}
+div.page_komentarji ul .spremenljivka_content input[type=radio],
+div.page_komentarji_anketa ul .spremenljivka_content input[type=radio] {
+  margin: 0 8px 4px 0;
+  display: none !important;
+}
+div.page_komentarji ul .spremenljivka_content input[type=radio] + span.enka-checkbox-radio,
+div.page_komentarji_anketa ul .spremenljivka_content input[type=radio] + span.enka-checkbox-radio {
+  font-size: 16px;
+  font-weight: 400;
+}
+div.page_komentarji ul .spremenljivka_content input[type=radio] + span.enka-checkbox-radio:before,
+div.page_komentarji_anketa ul .spremenljivka_content input[type=radio] + span.enka-checkbox-radio:before {
+  font-family: "Font Awesome 5 Free";
+  display: inline-block;
+  content: "";
+  letter-spacing: 10px;
+}
+div.page_komentarji ul .spremenljivka_content input[type=radio] + span.enka-custom-radio:before,
+div.page_komentarji_anketa ul .spremenljivka_content input[type=radio] + span.enka-custom-radio:before {
+  font-family: "Font Awesome 5 Free";
+  display: inline-block;
+}
+div.page_komentarji ul .spremenljivka_content input[type=radio]:checked + span.enka-checkbox-radio:before,
+div.page_komentarji_anketa ul .spremenljivka_content input[type=radio]:checked + span.enka-checkbox-radio:before {
+  content: "";
+}
+div.page_komentarji ul .spremenljivka_content input[type=checkbox],
+div.page_komentarji_anketa ul .spremenljivka_content input[type=checkbox] {
+  display: none !important;
+}
+div.page_komentarji ul .spremenljivka_content input[type=checkbox] + span.enka-checkbox-radio,
+div.page_komentarji_anketa ul .spremenljivka_content input[type=checkbox] + span.enka-checkbox-radio {
+  font-size: 16px;
+  font-weight: 400;
+  color: #1E88E5;
+}
+div.page_komentarji ul .spremenljivka_content input[type=checkbox] + span.enka-checkbox-radio:before,
+div.page_komentarji_anketa ul .spremenljivka_content input[type=checkbox] + span.enka-checkbox-radio:before {
+  font-family: "Font Awesome 5 Free";
+  display: inline-block;
+  content: "";
+  letter-spacing: 10px;
+}
+div.page_komentarji ul .spremenljivka_content input[type=checkbox]:checked + span.enka-checkbox-radio:before,
+div.page_komentarji_anketa ul .spremenljivka_content input[type=checkbox]:checked + span.enka-checkbox-radio:before {
+  content: "";
+  letter-spacing: 8px;
+}
 div.page_komentarji ul div.question_comment_holder,
 div.page_komentarji_anketa ul div.question_comment_holder {
   display: flex;
diff --git a/resources/sass/admin_new/pages/survey_testiranje/komentarji.scss b/resources/sass/admin_new/pages/survey_testiranje/komentarji.scss
index 90f077eb3..266a1fc75 100644
--- a/resources/sass/admin_new/pages/survey_testiranje/komentarji.scss
+++ b/resources/sass/admin_new/pages/survey_testiranje/komentarji.scss
@@ -157,6 +157,98 @@ div.page_komentarji_anketa {
             .add-variable{
                 display: none !important;
             }
+
+            /* font awesom za admin */
+            input[type="checkbox"].enka-admin-custom,
+            input[type="radio"].enka-admin-custom  {
+                display: none !important;
+            }
+            input[type="checkbox"].enka-admin-custom+ span.enka-checkbox-radio:before,
+            input[type="radio"].enka-admin-custom + span.enka-checkbox-radio:before {
+                font-family: $fontawesome;
+                display: inline-block;
+                font-size: 16px;
+                color: $dark-gray2;
+
+                font-weight: 400;
+            }
+            input[type="checkbox"].enka-admin-custom.enka-inline + span.enka-checkbox-radio:before,
+            input[type="radio"].enka-admin-custom.enka-inline + span.enka-checkbox-radio:before {
+                display: inline-block;
+                padding-top: 4px;
+                padding-left: 4px;
+                
+                font-weight: 400;
+            }
+
+            input[type="checkbox"].enka-admin-custom + span.enka-checkbox-radio:before{
+                content: "\f0c8";
+                letter-spacing: 10px;
+            }
+            input[type="radio"].enka-admin-custom + span.enka-checkbox-radio:before{
+                content: "\f111";
+                letter-spacing: 8px;
+            }
+            /* select, checked */
+            input[type="checkbox"].enka-admin-custom:checked + span.enka-checkbox-radio:before{
+                content: "\f14a";
+                color: $dark-gray2;
+                letter-spacing: 8px;
+            }
+            input[type="radio"].enka-admin-custom:checked + span.enka-checkbox-radio:before{
+                content: "\f192";
+                color: $dark-gray2;
+            }
+
+            input[type="radio"] {
+                margin: 0 8px 4px 0;
+                display: none !important;
+                &+span.enka-checkbox-radio {
+                    &:before {
+                        font-family: $fontawesome;
+                        display: inline-block;
+                        content: "\f111";
+                        letter-spacing: 10px;
+                    }
+                    font-size: 16px;
+                    font-weight: 400;
+                }
+                &+span.enka-custom-radio {
+                    &:before {
+                        font-family: $fontawesome;
+                        display: inline-block;
+                    }
+                }
+                &:checked {
+                    &+span.enka-checkbox-radio {
+                        &:before {
+                            content: "\f192";
+                        }
+                    }
+                }
+            }
+            input[type="checkbox"] {
+                display: none !important;
+                &+span.enka-checkbox-radio {
+                    &:before {
+                        font-family: $fontawesome;
+                        display: inline-block;
+                        content: "\f0c8";
+                        letter-spacing: 10px;
+                    }
+                    font-size: 16px;
+                    font-weight: 400;
+                    color: $radio_selector;
+                }
+                &:checked {
+                    &+span.enka-checkbox-radio {
+                        &:before {
+                            content: "\f14a";
+                            letter-spacing: 8px;
+                        }
+                    }
+                }
+            }
         }
 
         div.question_comment_holder {