diff --git a/scm-ui/ui-styles/src/components/_input.scss b/scm-ui/ui-styles/src/components/_input.scss new file mode 100644 index 0000000000..c2056a7224 --- /dev/null +++ b/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; +} diff --git a/scm-ui/ui-styles/src/utils/_post.scss b/scm-ui/ui-styles/src/utils/_post.scss index 99f0c4742e..98e9d00b70 100644 --- a/scm-ui/ui-styles/src/utils/_post.scss +++ b/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"; diff --git a/scm-ui/ui-syntaxhighlighting/static/large.css b/scm-ui/ui-syntaxhighlighting/static/large.css index 7216cf015e..7079bf8f7f 100644 --- a/scm-ui/ui-syntaxhighlighting/static/large.css +++ b/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;