Bugzilla – Attachment 9302 Details for
Bug 7998
3.8 UI cleanup, tweaks to new styles
Home
|
New
|
Browse
|
Search
|
[?]
|
Reports
|
Help
|
New Account
|
Log In
[x]
|
Forgot Password
Login:
[x]
[patch]
[SIGNED-OFF] Bug 7998 - CSS fixes for new interface
SIGNED-OFF-Bug-7998---CSS-fixes-for-new-interface.patch (text/plain), 10.08 KB, created by
Chris Nighswonger
on 2012-04-25 20:15:10 UTC
(
hide
)
Description:
[SIGNED-OFF] Bug 7998 - CSS fixes for new interface
Filename:
MIME Type:
Creator:
Chris Nighswonger
Created:
2012-04-25 20:15:10 UTC
Size:
10.08 KB
patch
obsolete
>From 20989c7ce2b67f5a483a30e7873fad3952d24582 Mon Sep 17 00:00:00 2001 >From: Liz Rea <wizzyrea@gmail.com> >Date: Mon, 23 Apr 2012 11:07:51 -0500 >Subject: [PATCH] [SIGNED-OFF] Bug 7998 - CSS fixes for new interface >Content-Type: text/plain; charset="utf-8" > >adds slight transparency for news so logo shows through on mainpage.. >Fixes purple header gradient in Chrome-based browsers. >remove list from returns.tt options so checkboxes do not have bullets. >fix missing gradient class on returns.tt. >reverse colors of menu div - blue for inactive, grey for active. > >turns searchheader blue, rounds corners, improves spacing for sort form. > >Adds padding, rounded corners, and a 1px border to the now-blue toolbar. > >increase width of intranet nav div to width 40% > >add a bit of padding to #searchheader > >fieldset.action changes - removed background, added a little padding to make it look better in all of the uses I could find of it. > >Signed-off-by: Chris Nighswonger <cnighswonger@foundations.edu> >--- > koha-tmpl/intranet-tmpl/prog/en/css/mainpage.css | 10 ++- > .../intranet-tmpl/prog/en/css/staff-global.css | 61 +++++++++++-------- > .../intranet-tmpl/prog/en/modules/circ/returns.tt | 13 ++-- > 3 files changed, 48 insertions(+), 36 deletions(-) > >diff --git a/koha-tmpl/intranet-tmpl/prog/en/css/mainpage.css b/koha-tmpl/intranet-tmpl/prog/en/css/mainpage.css >index f2f8922..6c7ca1d 100644 >--- a/koha-tmpl/intranet-tmpl/prog/en/css/mainpage.css >+++ b/koha-tmpl/intranet-tmpl/prog/en/css/mainpage.css >@@ -31,9 +31,9 @@ > #area-news h3 { > /* Title section for the news block : transparency to let the koha logo appear */ > background-color: #EEEEEE; >- filter:alpha(opacity=50); /* for IE */ >- -moz-opacity: 0.5; /* for Firefox before 0.9 */ >- opacity: 0.5; >+ filter:alpha(opacity=70); /* for IE */ >+ -moz-opacity: 0.7; /* for Firefox before 0.9 */ >+ opacity: 0.7; > padding : .3em; margin: 0; > } > >@@ -44,6 +44,10 @@ > border-bottom: 1px solid #EEE; > background-color : #ffffff; > border-radius: 6px; >+ filter:alpha(opacity=75); >+ -moz-opacity: 0.75; >+ opacity: .75; >+ font-weight: 600; > } > > .newsfooter { >diff --git a/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css b/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css >index 68523d7..1c5600e 100644 >--- a/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css >+++ b/koha-tmpl/intranet-tmpl/prog/en/css/staff-global.css >@@ -202,7 +202,7 @@ ol li { > linear, > left top, > left bottom, >- color-stop(0.1, rgb(212,214,255)), >+ color-stop(0.1, rgb(230, 240, 242)), > color-stop(0.99, rgb(255,255,255)) > ); > display: inline-block; >@@ -462,8 +462,11 @@ dd { > } > > div#toolbar { >- background-color : #F3F3F3; >+ background-color : #E6F0F2; > margin-bottom : .7em; >+ padding: 5px 5px 5px 5px; >+ border-radius: 5px 5px 0 0; >+ border: 1px solid #B9D8D9 > } > > div#toolbar .yui-menu-button button, >@@ -712,11 +715,10 @@ fieldset.rows label.yesno { > fieldset.action, div.action { > clear : both; > float : none; >- background-color:#ffffff; >- border : none; >- margin : 0; >- padding : 1em 0 .3em 0; >- width : auto; >+ border : 0px; >+ margin: 0; >+ padding: .4em .4em .4em .1em; >+ width: auto; > } > > div.rows { >@@ -847,7 +849,7 @@ fieldset.rows .inputnote { > } > > .toptabs .ui-tabs-nav li a, .toptabs .ui-tabs-nav li span.a { >- background-color : #F3F3F3; >+ background-color : #E6F0F2; > border : 1px solid #E8E8E8; > text-align : center; > text-decoration : none; >@@ -1362,14 +1364,15 @@ div#menu { > div#menu li a { > text-decoration: none; > display: block; >- background: #eeeeee; /* Old browsers */ >- background: -moz-linear-gradient(left, #eeeeee 0%, #eeeeee 96%, #e6e6e6 97%, #cccccc 99%, #c1c1c1 100%); /* FF3.6+ */ >- background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eeeeee), color-stop(96%,#eeeeee), color-stop(97%,#e6e6e6), color-stop(99%,#cccccc), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */ >- background: -webkit-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */ >- background: -o-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Opera11.10+ */ >- background: -ms-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* IE10+ */ >- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#c1c1c1',GradientType=1 ); /* IE6-9 */ >- background: linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* W3C */ >+ >+ background: #e8f0f6; /* Old browsers */ >+ background: -moz-linear-gradient(left, #e8f0f6 0%, #e8f0f6 96%, #c1c1c1 100%); /* FF3.6+ */ >+ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e8f0f6), color-stop(96%,#e8f0f6), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */ >+ background: -webkit-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */ >+ background: -o-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Opera11.10+ */ >+ background: -ms-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* IE10+ */ >+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f0f6', endColorstr='#c1c1c1',GradientType=1 ); /* IE6-9 */ >+ background: linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* W3C */ > -moz-border-top-left-radius: 5px; > border-top-left-radius: 5px; > -moz-border-bottom-left-radius: 5px; >@@ -1382,14 +1385,16 @@ div#menu li a { > } > > div#menu li a:hover { >- background: #e8f0f6; /* Old browsers */ >- background: -moz-linear-gradient(left, #e8f0f6 0%, #e8f0f6 96%, #c1c1c1 100%); /* FF3.6+ */ >- background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e8f0f6), color-stop(96%,#e8f0f6), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */ >- background: -webkit-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */ >- background: -o-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Opera11.10+ */ >- background: -ms-linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* IE10+ */ >- filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f0f6', endColorstr='#c1c1c1',GradientType=1 ); /* IE6-9 */ >- background: linear-gradient(left, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* W3C */ >+ >+ >+ background: #eeeeee; /* Old browsers */ >+ background: -moz-linear-gradient(left, #eeeeee 0%, #eeeeee 96%, #e6e6e6 97%, #cccccc 99%, #c1c1c1 100%); /* FF3.6+ */ >+ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#eeeeee), color-stop(96%,#eeeeee), color-stop(97%,#e6e6e6), color-stop(99%,#cccccc), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */ >+ background: -webkit-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */ >+ background: -o-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* Opera11.10+ */ >+ background: -ms-linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* IE10+ */ >+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#c1c1c1',GradientType=1 ); /* IE6-9 */ >+ background: linear-gradient(left, #eeeeee 0%,#eeeeee 96%,#e6e6e6 97%,#cccccc 99%,#c1c1c1 100%); /* W3C */ > } > > div#menu li.active a:hover { >@@ -1543,10 +1548,11 @@ li.email { > } > > #searchheader { >- background-color : #f3f3f3; >+ background-color : #E6F0F2; > font-size : 80%; > margin : 0 0 .5em -1px; >- padding : .1em 0 .1em 1em; >+ padding : .1em 0 .4em 1em; >+ border-radius : 5px 5px 0 0; > } > > /* Hack just for Firefox */ >@@ -1556,6 +1562,7 @@ html>/**/body #searchheader button, x:-moz-any-link, x:default { > > #searchheader form { > float : right; >+ padding : 5px 5px 3px 0; > } > > #searchheader form.fz3950 { >@@ -1582,6 +1589,7 @@ html>/**/body #searchheader button, x:-moz-any-link, x:default { > > #search-facets { > border : 1px solid #e8e8e8; >+ border-radius: 5px 5px 0 0; > } > > #search-facets h4 { >@@ -1723,6 +1731,7 @@ a.yuimenuitemlabel:hover { > #toplevelnav { > float : left; > margin-left : .5em; >+ width: 40%; > } > > ul#toplevelmenu { >diff --git a/koha-tmpl/intranet-tmpl/prog/en/modules/circ/returns.tt b/koha-tmpl/intranet-tmpl/prog/en/modules/circ/returns.tt >index cebcb09..d5e1b98 100644 >--- a/koha-tmpl/intranet-tmpl/prog/en/modules/circ/returns.tt >+++ b/koha-tmpl/intranet-tmpl/prog/en/modules/circ/returns.tt >@@ -43,8 +43,10 @@ function Dopop(link) { > </script> > </head> > <body id="circ_returns" class="circ"> >+<div id="header" class="gradient"> > [% INCLUDE 'header.inc' %] > [% INCLUDE 'checkin-search.inc' %] >+</div> > > <div id="breadcrumbs"><a href="/cgi-bin/koha/mainpage.pl">Home</a> › <a href="/cgi-bin/koha/circ/circulation-home.pl">Circulation</a> › Check in</div> > >@@ -379,27 +381,24 @@ function Dopop(link) { > <div class="yui-u"> > <fieldset id="checkin_options"> > <legend>Options</legend> >- >- <ul> > [% IF ( overduecharges ) %] >- <li> >+ <p> > [% IF ( exemptfine ) %] > <input type="checkbox" id="exemptcheck" name="exemptfine" value="exemptfine" checked="checked" /> > [% ELSE %] > <input type="checkbox" id="exemptcheck" name="exemptfine" value="exemptfine" /> > [% END %] > <label for="exemptcheck">Forgive overdue charges</label> >- </li> >+ </p> > [% END %] <!-- overduecharges --> >- <li> >+ <p> > [% IF ( dropboxmode ) %] > <input type="checkbox" id="dropboxcheck" name="dropboxmode" value="dropboxmode" checked="checked" /> > [% ELSE %] > <input type="checkbox" id="dropboxcheck" name="dropboxmode" value="dropboxmode" /> > [% END %] > <label for="dropboxcheck">Dropbox mode</label> >- </li> >- </ul> >+ </p> > </fieldset> > </div> > </form> >-- >1.7.0.4
<b>You cannot view the attachment while viewing its details because your browser does not support IFRAMEs. <a href="attachment.cgi?id=9302">View the attachment on a separate page</a>.</b>
View Attachment As Diff
View Attachment As Raw
Actions:
View
|
Diff
|
Splinter Review
Attachments on
bug 7998
:
9279
|
9291
|
9300
|
9301
|
9302
|
9303
|
9304
|
9305
|
9371
|
9458
|
9459
|
9460
|
9461
|
9462
|
9463
|
9464
|
9465
|
9532
|
9537