From b192887d19e265f32c565e991e2a63a6ec089c4b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bel=C3=A9n=20Albeza?= <belen@hey.com>
Date: Thu, 20 Jun 2024 14:00:41 +0200
Subject: [PATCH] :sparkles: Remove framework scss stylesheet

---
 .../resources/styles/common/framework.scss    | 131 ------------------
 frontend/src/app/util/forms.cljs              |   2 +-
 2 files changed, 1 insertion(+), 132 deletions(-)

diff --git a/frontend/resources/styles/common/framework.scss b/frontend/resources/styles/common/framework.scss
index 22b998680..74fd77d23 100644
--- a/frontend/resources/styles/common/framework.scss
+++ b/frontend/resources/styles/common/framework.scss
@@ -6,20 +6,8 @@
 
 // TODO: These are legacy Sass vars that are now only used in this file.
 //       We should switch them for the new DS tokens.
-$color-gray-40: #64666a;
-$color-gray-60: #1f1f1f;
 $size-4: 1rem;
-$br7: 7px;
-$br25: 25px;
-$br50: 50px;
 $fs14: 0.875rem;
-$lh-normal: normal; // line-height depends of font-family, font-size, your browser, maybe your OS http://meyerweb.com/eric/thoughts/2008/05/06/line-height-abnormal/
-
-input[type="button"][disabled] {
-  background-color: var(--color-canvas); // TODO: see if we can remove this whole selector
-  color: $color-gray-40;
-  pointer-events: none;
-}
 
 input,
 select {
@@ -31,125 +19,6 @@ select {
   -moz-appearance: none;
 }
 
-input[type="radio"],
-input[type="checkbox"] {
-  box-sizing: border-box;
-  cursor: pointer;
-  line-height: $lh-normal;
-  margin-top: 1px 0 0;
-}
-
-.form-errors {
-  color: var(--status-color-warning-500);
-}
-
-// Input slidebar
-
-input[type="range"] {
-  background-color: transparent;
-  -webkit-appearance: none;
-  margin: 10px 0 10px 3px;
-  max-width: 70px;
-  width: 100%;
-}
-input[type="range"]:focus {
-  outline: none;
-}
-input[type="range"]::-webkit-slider-runnable-track {
-  width: 100%;
-  height: 6px;
-  cursor: pointer;
-  animate: 0.2s;
-  box-shadow:
-    0px 0px 0px #000000,
-    0px 0px 0px #0d0d0d;
-  background: $color-gray-60;
-  border-radius: $br25;
-  border: 0px solid #000101;
-}
-input[type="range"]::-webkit-slider-thumb {
-  box-shadow:
-    0px 0px 0px #000000,
-    0px 0px 0px #0d0d0d;
-  border: 0px solid #000000;
-  height: 18px;
-  width: 6px;
-  border-radius: $br7;
-  background: $color-gray-20;
-  cursor: pointer;
-  -webkit-appearance: none;
-  margin-top: -6px;
-}
-input[type="range"]:focus::-webkit-slider-runnable-track {
-  background: $color-gray-60;
-}
-input[type="range"]::-moz-range-track {
-  width: 100%;
-  height: 8px;
-  cursor: pointer;
-  animate: 0.2s;
-  box-shadow:
-    0px 0px 0px #000000,
-    0px 0px 0px #0d0d0d;
-  background: $color-gray-60;
-  border-radius: $br25;
-  border: 0px solid #000101;
-}
-input[type="range"]::-moz-range-thumb {
-  box-shadow:
-    0px 0px 0px #000000,
-    0px 0px 0px #0d0d0d;
-  border: 0px solid #000000;
-  height: 24px;
-  width: 8px;
-  border-radius: $br7;
-  background: $color-gray-20;
-  cursor: pointer;
-}
-input[type="range"]::-ms-track {
-  width: 100%;
-  height: 8px;
-  cursor: pointer;
-  animate: 0.2s;
-  background: transparent;
-  border-color: transparent;
-  border-width: 39px 0;
-  color: transparent;
-}
-input[type="range"]::-ms-fill-lower {
-  background: $color-gray-60;
-  border: 0px solid #000101;
-  border-radius: $br50;
-  box-shadow:
-    0px 0px 0px #000000,
-    0px 0px 0px #0d0d0d;
-}
-input[type="range"]::-ms-fill-upper {
-  background: $color-gray-60;
-  border: 0px solid #000101;
-  border-radius: $br50;
-  box-shadow:
-    0px 0px 0px #000000,
-    0px 0px 0px #0d0d0d;
-}
-input[type="range"]::-ms-thumb {
-  box-shadow:
-    0px 0px 0px #000000,
-    0px 0px 0px #0d0d0d;
-  border: 0px solid #000000;
-  height: 24px;
-  width: 8px;
-  border-radius: $br7;
-  background: $color-gray-20;
-  cursor: pointer;
-}
-input[type="range"]:focus::-ms-fill-lower {
-  background: $color-gray-60;
-}
-input[type="range"]:focus::-ms-fill-upper {
-  background: $color-gray-60;
-}
-
 [draggable] {
   -moz-user-select: none;
   -khtml-user-select: none;
diff --git a/frontend/src/app/util/forms.cljs b/frontend/src/app/util/forms.cljs
index 940b98259..8cbb792b2 100644
--- a/frontend/src/app/util/forms.cljs
+++ b/frontend/src/app/util/forms.cljs
@@ -159,7 +159,7 @@
                      (ifn? type) (type (:type error))
                      :else false))]
     (when show?
-      [:ul.form-errors
+      [:ul
        [:li {:key (:code error)} (tr (:message error))]])))
 
 (defn error-class