Merge pull request #116 from TYPO3incubator/bugfix/logo-hover

[BUGFIX] Remove border hover on logo
TYPO3incubator · Apr 12, 2024 · f1239b8 · f1239b8
2 parents 5d2449d + 37c28a8
commit f1239b8
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/local_packages/football/Resources/Private/Scss/Base/typography.scss b/local_packages/football/Resources/Private/Scss/Base/typography.scss
@@ -31,4 +31,10 @@ a {
     &:hover {
         border-bottom: 1px solid $color__primary-red;
     }
-}
+
+    &.main-logo {
+        &:hover {
+            border: 0;
+        }
+    }
+}
diff --git a/local_packages/football/Resources/Private/Templates/Partials/DataProcMenu.html b/local_packages/football/Resources/Private/Templates/Partials/DataProcMenu.html
@@ -2,7 +2,7 @@
 
 <nav class="navbar navbar-expand-lg position-fixed top-0 start-0 end-0 bg-white d-lg-block">
     <div class="container-fluid">
-        <a class="navbar-brand" href="/">
+        <a class="navbar-brand main-logo" href="/">
             <f:image src="{settings.general.logo}" height="68" width="68"/>
         </a>
         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">

diff --git a/local_packages/football/Resources/Public/Css/index.css b/local_packages/football/Resources/Public/Css/index.css
@@ -11364,6 +11364,10 @@ a:hover {
   border-bottom: 1px solid #FF3232;
 }
 
+a.main-logo:hover {
+  border: 0;
+}
+
 .hero {
   position: relative;
   height: 100vh;