Attachment 88789 Details for Bug 22772 – Bug 22772: Menu link hover color incorrect in OPAC language choosers

[patch] Bug 22772: Menu link hover color incorrect in OPAC language choosers

Bug-22772-Menu-link-hover-color-incorrect-in-OPAC-.patch (text/plain), 1.95 KB, created by Owen Leonard on 2019-04-25 15:30:16 UTC

(hide)

Description:

Filename:

MIME Type:

Creator: Owen Leonard

Created: 2019-04-25 15:30:16 UTC

Size: 1.95 KB

patch

obsolete

>From c883c8bb6cd808fed1e44783e68406bcdee3ba97 Mon Sep 17 00:00:00 2001
>From: Owen Leonard <oleonard@myacpl.org>
>Date: Thu, 25 Apr 2019 15:23:15 +0000
>Subject: [PATCH] Bug 22772: Menu link hover color incorrect in OPAC language
> choosers
>
>This patch makes a few corrections to OPAC CSS to fix colors in the
>language menus.
>
>To test, apply the patch and rebuild the OPAC CSS.
>
>- Enable multiple languages in the OPAC, including more than one
>  language "variation" (fr-FR, fr-CA).
>- Set the OpacLangSelectorMode preference to "both."
>- In the OPAC, test the language menu in both the header and footer.
>  When you hover over the sub-menu items the background should be green
>  and the text color white.
>- Perform the same test in the self checkout and self checkin
>  interfaces.
>---
> koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss | 23 +++++++++++++++++++---
> 1 file changed, 20 insertions(+), 3 deletions(-)
>
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss b/koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss
>index e182db3..09363f2 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss
>+++ b/koha-tmpl/opac-tmpl/bootstrap/css/src/_common.scss
>@@ -57,6 +57,16 @@ body {
>         border-color: #FCF9FC;
>         box-shadow: none;
> 
>+        ul {
>+            &.dropdown-menu {
>+                a {
>+                    &:hover {
>+                        color: #FFF;
>+                    }
>+                }
>+            }
>+        }
>+
>         li {
>             > a {
>                 color: #727272;
>@@ -156,16 +166,23 @@ body {
>     li {
>         font-size: 85%;
> 
>+        a {
>+            &:hover {
>+                color: #85CA11;
>+            }
>+        }
>+
>         li {
>             font-size: 100%;
> 
>             > a {
>                 font-size: 100%;
>-            }
> 
>-            &:hover {
>-                color: #FFF;
>+                &:hover {
>+                    color: #FFF;
>+                }
>             }
>+
>         }
> 
>         a {
>-- 
>2.1.4

Actions: View | Diff | Splinter Review

Attachments on bug 22772: 88789 | 88842 | 88986