From 6d8e5d4363dadb95a0f526bae90661d28ffe9ecf Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@posteo.net>
Date: Fri, 21 Apr 2023 17:35:46 +0200
Subject: [PATCH] Refactoring: cleanup of index.css file

---
 UI/Image/ImageUploadFlow.ts |  8 ++++--
 index.css                   | 57 ++++++-------------------------------
 2 files changed, 13 insertions(+), 52 deletions(-)

diff --git a/UI/Image/ImageUploadFlow.ts b/UI/Image/ImageUploadFlow.ts
index 6d6c139527..16ae1c0173 100644
--- a/UI/Image/ImageUploadFlow.ts
+++ b/UI/Image/ImageUploadFlow.ts
@@ -70,9 +70,11 @@ export class ImageUploadFlow extends Toggle {
         const label = new Combine([
             Svg.camera_plus_ui().SetClass("block w-12 h-12 p-1 text-4xl "),
             labelContent,
-        ]).SetClass(
-            "p-2 border-4 border-detail rounded-full font-bold h-full align-middle w-full flex justify-center"
-        )
+        ])
+            .SetClass(
+                "p-2 border-4 border-detail rounded-full font-bold h-full align-middle w-full flex justify-center"
+            )
+            .SetStyle(" border-color: var(--foreground-color);")
         const licenseStore = state?.osmConnection?.GetPreference(
             Constants.OsmPreferenceKeyPicturesLicense,
             "CC0"
diff --git a/index.css b/index.css
index 38fac7a144..880d448942 100644
--- a/index.css
+++ b/index.css
@@ -111,56 +111,27 @@ img {
   height: 100%;
 }
 
-.titleicon img {
-  width: unset;
-}
-
-.titleicon svg {
-  width: unset;
-}
-.svg-catch svg path {
-  fill: var(--catch-detail-color) !important;
-  stroke: var(--catch-detail-color) !important;
-}
-
-.svg-unsubtle svg path {
-  fill: var(--unsubtle-detail-color) !important;
-  stroke: var(--unsubtle-detail-color) !important;
-}
-
-.svg-subtle svg path {
-  fill: var(--subtle-detail-color) !important;
-  stroke: var(--subtle-detail-color) !important;
-}
-
-.svg-foreground svg path {
-  fill: var(--foreground-color) !important;
-  stroke: var(--foreground-color) !important;
-}
-
 .no-images img {
+  /* Used solely in 'imageAttribution' */
   display: none;
 }
 
+.text-white a {
+  /* Used solely in 'imageAttribution' */
+  color: var(--background-color);
+}
+
+
+
 .weblate-link {
   /* Weblate-links are the little translation icon next to translatable sentences. Due to their special nature, they are exempt from some rules */
 }
 
-.mapcontrol svg path {
-  fill: var(--subtle-detail-color-contrast) !important;
-}
-
-.red-svg svg path {
-  stroke: #d71010 !important;
-}
 
 a {
   color: var(--foreground-color);
 }
 
-.text-white a {
-  color: var(--background-color);
-}
 
 .btn {
   line-height: 1.25rem;
@@ -204,10 +175,6 @@ a {
   border: 3px solid var(--unsubtle-detail-color);
 }
 
-.h-min {
-  height: min-content;
-}
-
 /* slider */
 input[type="range"].vertical {
   writing-mode: bt-lr; /* IE */
@@ -232,14 +199,6 @@ input[type="range"].vertical {
   }
 }
 
-.border-detail {
-  border-color: var(--foreground-color);
-}
-
-.w-min {
-  width: min-content;
-}
-
 .rounded-left-full {
   border-bottom-left-radius: 999rem;
   border-top-left-radius: 999rem;