Remove decorative icons and update CORS configuration

2025-06-20 13:05:36 +02:00
parent 18110ab159
commit 62a4891112
51 changed files with 4284 additions and 2385 deletions
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -1,3 +1,23 @@
@tailwind base;
@tailwind components;
-@tailwind utilities;
+@tailwind utilities;
+
+/* Prevent white flash on admin pages */
+@layer base {
+  html {
+    background-color: rgb(249 250 251);
+  }
+  
+  html.dark {
+    background-color: rgb(17 24 39);
+  }
+  
+  body {
+    @apply bg-gray-50 dark:bg-gray-900 transition-none;
+  }
+  
+  /* Disable transitions on page load to prevent flash */
+  .no-transitions * {
+    transition: none !important;
+  }
+}
--- a/src/styles/select.css
+++ b/src/styles/select.css
@@ -1,24 +1,98 @@
 /* Custom select styling for cross-browser consistency */
 .custom-select {
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
-  background-repeat: no-repeat;
-  background-position: right 0.5rem center;
-  background-size: 1.5em 1.5em;
-  padding-right: 2.5rem;
+  /* Remove all native styling */
+  -webkit-appearance: none !important;
+  -moz-appearance: none !important;
+  appearance: none !important;
+  
+  /* Custom arrow */
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") !important;
+  background-repeat: no-repeat !important;
+  background-position: right 0.5rem center !important;
+  background-size: 1.5em 1.5em !important;
+  padding-right: 2.5rem !important;
+  
+  /* Ensure consistent rendering */
+  border-radius: 0.375rem !important;
+  outline: none;
+  cursor: pointer;
+  
+  /* Safari-specific fixes */
+  -webkit-border-radius: 0.375rem !important;
+  -webkit-padding-end: 2.5rem !important;
+  -webkit-padding-start: 0.75rem !important;
+  background-color: field !important;
+}
+
+/* Remove Safari's native dropdown arrow */
+.custom-select::-webkit-calendar-picker-indicator {
+  display: none !important;
+  -webkit-appearance: none !important;
+}
+
+/* Additional Safari arrow removal */
+.custom-select::-webkit-inner-spin-button,
+.custom-select::-webkit-outer-spin-button {
+  -webkit-appearance: none !important;
+  margin: 0;
 }

 .dark .custom-select {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") !important;
+  background-color: rgb(55 65 81) !important;
 }

-/* Safari-specific fixes */
-@media not all and (min-resolution:.001dpcm) {
-  @supports (-webkit-appearance:none) {
-    .custom-select {
-      padding-right: 2.5rem;
-    }
+/* Focus styles */
+.custom-select:focus {
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.5);
+  border-color: #3b82f6;
+}
+
+/* Hover styles */
+.custom-select:hover:not(:disabled) {
+  border-color: #9ca3af;
+}
+
+/* Disabled styles */
+.custom-select:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+/* Safari-specific overrides */
+@supports (-webkit-appearance: none) {
+  .custom-select {
+    /* Force removal of native arrow in Safari */
+    background-origin: content-box !important;
+    text-indent: 0.01px;
+    text-overflow: '';
+  }
+  
+  /* Fix option styling in Safari */
+  .custom-select option {
+    background-color: white;
+    color: black;
+  }
+  
+  .dark .custom-select option {
+    background-color: #1f2937;
+    color: white;
+  }
+}
+
+/* Additional Safari fix for newer versions */
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+  select.custom-select {
+    -webkit-appearance: none !important;
+    background-position: right 0.5rem center !important;
+  }
+}
+
+/* Fix for Safari on iOS */
+@supports (-webkit-touch-callout: none) {
+  .custom-select {
+    -webkit-appearance: none !important;
  }
 }