Fix missing focus indicator for file upload

scm-ui/ui-styles/src/components/_input.scss

@@ -0,0 +1,23 @@
+/*
+ * Copyright (c) 2020 - present Cloudogu GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify it under
+ * the terms of the GNU Affero General Public License as published by the Free
+ * Software Foundation, version 3.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
+ * details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see https://www.gnu.org/licenses/.
+ */
+
+.file-label {
+  border-radius: 4px;
+}
+.file-label:has(.file-input:focus-visible){
+  outline: #af3ee7 3px solid;
+  outline-offset: 1px;
+}

scm-ui/ui-styles/src/utils/_post.scss

@@ -22,3 +22,4 @@
 @import "../components/_flex.scss";
 @import "../components/_tooltip.scss";
 @import "../components/_card.scss";
+@import "../components/_input.scss";

scm-ui/ui-syntaxhighlighting/static/large.css

@@ -2621,7 +2621,7 @@ a.box:active {
   justify-content: flex-start;
   overflow: hidden;
   position: relative;
-  border-radius: 4px; }
+}
   .file-label:hover .file-cta {
     background-color: #eeeeee;
     color: #363636; }
@@ -2632,10 +2632,6 @@ a.box:active {
     color: #363636; }
   .file-label:active .file-name {
     border-color: #cfcfcf; }
-  .file-label:has(.file-input:focus-visible){
-    outline: #af3ee7 3px solid;
-    outline-offset: 1px;
-  }
 
 .file-input {
   height: 0.01em;