Attachment 88090 Details for Bug 22274 – Bug 22274: Self-checkout/checkin pages not covered by OPAC CSS changes

[patch] Bug 22274: Self-checkout/checkin pages not covered by OPAC CSS changes

Bug-22274-Self-checkoutcheckin-pages-not-covered-b.patch (text/plain), 6.69 KB, created by Liz Rea on 2019-04-16 16:29:40 UTC

(hide)

Description:

Filename:

MIME Type:

Creator: Liz Rea

Created: 2019-04-16 16:29:40 UTC

Size: 6.69 KB

patch

obsolete

>From 303b3707a0440949204fac7d9660139d6037f827 Mon Sep 17 00:00:00 2001
>From: Claire Gravely <claire.gravely@bsz-bw.de>
>Date: Wed, 3 Apr 2019 13:01:21 +0000
>Subject: [PATCH] Bug 22274: Self-checkout/checkin pages not covered by OPAC
> CSS changes
>
>This patch updates the Self-checkout pages to match the new OPAC style.
>
>Signed-off-by: Owen Leonard <oleonard@myacpl.org>
>
>Signed-off-by: Liz Rea <wizzyrea@gmail.com>
>---
> koha-tmpl/opac-tmpl/bootstrap/css/sco.css          | 150 +++++++++++++++++----
> .../bootstrap/en/includes/masthead-sco.inc         |   2 +-
> 2 files changed, 123 insertions(+), 29 deletions(-)
>
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/sco.css b/koha-tmpl/opac-tmpl/bootstrap/css/sco.css
>index 70fd1afdef..5f712f218e 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/css/sco.css
>+++ b/koha-tmpl/opac-tmpl/bootstrap/css/sco.css
>@@ -1,5 +1,10 @@
> body {
>-    background-color: #EAEAE6;
>+    background-color: #fcf9fc;
>+}
>+
>+#wrap {
>+    padding-right: 40px;
>+    padding-left: 40px;
> }
> 
> a, a:visited,
>@@ -13,28 +18,30 @@ a.title {
> }
> 
> h1 {
>+    color: #727272;
>     font-size : 140%;
>     line-height: 150%;
> }
> h2 {
>-
>+    color: #727272;
>     font-size : 130%;
>     line-height: 150%;
> }
> h3 {
>-
>+    color: #727272;
>     font-size : 120%;
>     line-height: 150%;
> }
> h4 {
>-
>+    color: #727272;
>     font-size : 110%;
> }
> h5 {
>-
>+    color: #727272;
>     font-size : 100%;
> }
> caption {
>+    color: #727272;
>     font-size: 120%;
>     font-weight: bold;
>     margin : .5em 0;
>@@ -45,8 +52,19 @@ input,
> textarea {
>     width: auto;
> }
>+/*Search bar border glow*/
>+input[type="text"]:focus {
>+   border-color: #85ca11;
>+   box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
>+}
>+
>+input[type="password"]:focus {
>+   border-color: #85ca11;
>+   box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194,228,136,.6)
>+}
> 
> legend {
>+    color: #727272;
>     font-size: 110%;
>     font-weight: bold;
> }
>@@ -55,21 +73,90 @@ th {
> }
> .main {
>     background-color: #FFF;
>-    border: 1px solid #D2D2CF;
>-    border-radius: 8px 8px 8px 8px;
>+    border-color: #f0f3f3;
>     margin: 0.5em 20px;
>     padding: 0.8em 0;
>-    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2);
>-    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .2);
> }
>+
>+.navbar-inverse .navbar-inner {
>+    background: #fcf9fc none;
>+    border-color: #fcf9fc;
>+    box-shadow: none;
>+}
>+
> .navbar-inverse .brand, .navbar-inverse .nav > li > a {
>-    color: #9FE1FF;
>+    color: #727272;
>     font-weight: bold;
> }
> 
>+
>+/*language menu font colour*/
>+
>+
>+/*Dropdown menus in Header*/
>+.dropdown-menu {
>+   border-radius: 0px;
>+}
>+
>+.dropdown-menu > li > a:hover {
>+   background: #85ca11 none;
>+   color: #FFFFFF;
>+}
>+
>+.dropdown-menu > li > a:focus {
>+   background: #85ca11 none;
>+   color: #FFFFFF;
>+}
>+
>+.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret {
>+   border-top-color: #85ca11;
>+   border-bottom-color: #85ca11;
>+}
>+
>+.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret:hover {
>+   border-top-color: #85ca11;
>+   border-bottom-color: #85ca11;
>+}
>+
>+.navbar-inverse .nav li.dropdown.open > .dropdown-toggle {
>+   background-color: transparent;
>+   color: #85ca11;
>+}
>+
>+.navbar-inverse .nav li.dropdown > a:hover .caret {
>+   border-top-color: #85ca11;
>+   border-bottom-color: #85ca11;
>+}
>+
>+.navbar .nav li.dropdown > a:focus .caret {
>+   border-top-color: #85ca11;
>+   border-bottom-color: #85ca11;
>+}
>+
>+.navbar-inverse .nav li.dropdown > a:focus .caret {
>+   border-top-color: #85ca11;
>+   border-bottom-color: #85ca11;
>+}
>+
>+.navbar .nav li.dropdown > a:hover .caret {
>+   border-top-color: #85ca11;
>+   border-bottom-color: #85ca11;
>+}
>+
>+.navbar-inverse .nav > li > a {
>+   color: #727272;
>+}
>+
>+.navbar-inverse .nav > li > a:hover {
>+   color: #85ca11;
>+}
>+
>+.navbar-inverse .nav > li > a:focus {
>+   color: #85ca11;
>+}
> .table-striped tbody > tr:nth-child(odd) > td,
> .table-striped tbody > tr:nth-child(odd) > th {
>-  background-color: #F4F4F4;
>+  background-color: #f0f3f3;
> }
> /* Redefine a new style for Bootstrap's class "close" since we use that already */
> /* Use <a class="closebtn" href="#">&times;</a> */
>@@ -123,19 +210,6 @@ button.closebtn{padding:0;cursor:pointer;background:transparent;border:0;-webkit
>     border-color : #9FBA35;
>     color: #333;
> }
>-#members p {
>-    color : #EEE;
>-}
>-
>-#members a {
>-    color: #A6D8ED;
>-    font-weight: bold;
>-}
>-
>-#members a.logout {
>-    color : #E8583C;
>-    padding : 0 .3em 0 .3em;
>-}
> 
> .inline {
>     display: inline;
>@@ -177,22 +251,42 @@ i.help {
> 
> .table .sorting_asc {
>     padding-right: 19px;
>-    background: url("../images/asc.gif") no-repeat scroll right center #EEEEEE;
>+    background: url("../images/asc.gif") no-repeat scroll right center #e2e8e8;
> }
> .table .sorting_desc {
>     padding-right: 19px;
>-    background: url("../images/desc.gif") no-repeat scroll right center #EEEEEE;
>+    background: url("../images/desc.gif") no-repeat scroll right center #e2e8e8;
> }
> .table .sorting {
>     padding-right: 19px;
>-    background: url("../images/ascdesc.gif") no-repeat scroll right center #EEEEEE;
>+    background: url("../images/ascdesc.gif") no-repeat scroll right center #e2e8e8;
> }
> .table .nosort,
> .table .nosort.sorting_asc,
> .table .nosort.sorting_desc,
> .table .nosort.sorting {
>     padding-right: 19px;
>-    background: #EEEEEE none;
>+    background: #e2e8e8 none;
>+}
>+
>+.table-bordered {
>+    border-radius: 0px;
>+}
>+
>+.table-bordered thead:first-child tr:first-child > th:last-child {
>+   border-radius: 0px;
>+}
>+
>+.table-bordered tbody:last-child tr:last-child > td:last-child {
>+   border-radius: 0px;
>+}
>+
>+.table-bordered tbody:last-child tr:last-child > td:first-child {
>+   border-radius: 0px;
>+}
>+
>+.table-bordered thead:first-child tr:first-child > th:first-child {
>+   border-radius: 0px;
> }
> 
> #sci_logout {
>diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/includes/masthead-sco.inc b/koha-tmpl/opac-tmpl/bootstrap/en/includes/masthead-sco.inc
>index 5b18006415..73d64b7e3f 100644
>--- a/koha-tmpl/opac-tmpl/bootstrap/en/includes/masthead-sco.inc
>+++ b/koha-tmpl/opac-tmpl/bootstrap/en/includes/masthead-sco.inc
>@@ -5,7 +5,7 @@
>     <div class="navbar navbar-inverse navbar-static-top">
>         <div class="navbar-inner">
>             <div class="container-fluid">
>-                <a class="brand" href="/cgi-bin/koha/sco/sco-main.pl"><img src="[% interface | html %]/[% theme | html %]/images/koha-logo-navbar.png" alt=""></a>
>+                <a class="brand" href="/cgi-bin/koha/sco/sco-main.pl"><img src="[% interface | html %]/[% theme | html %]/images/koha-green-logo.png" alt=""></a>
>                 <div id="checkouthelp">
>                     <ul class="nav pull-right">
>                         <li><a href="/cgi-bin/koha/sco/help.pl"><i class="icon help"></i> Help</a></li>
>-- 
>2.11.0

Actions: View | Diff | Splinter Review

Attachments on bug 22274: 84809 | 87712 | 87779 | 87780 | 88089 | 88090 | 88091 | 88112 | 88113