From 2bd6a7827be7258548335b8223915caaa7524ec7 Mon Sep 17 00:00:00 2001 From: Dan Scott Date: Thu, 15 Mar 2012 23:57:56 -0400 Subject: [PATCH] TPAC: Replace arrow images with text + CSS This commit offers up Unicode arrow symbols in place of the arrow icons, again in the effort to save one or two HTTP requests per page. The layout is trickier, though, so could benefit greatly from someone with more CSS experience and / or patience. Signed-off-by: Dan Scott --- .../src/templates/opac/parts/record/copy_table.tt2 | 2 +- .../src/templates/opac/parts/record/extras.tt2 | 7 +++--- Open-ILS/web/css/skin/default/opac/style.css | 27 ++++++++++++++++----- Open-ILS/web/images/rdetail_arrow.png | Bin 1269 -> 0 bytes Open-ILS/web/images/rdetail_arrow_down.png | Bin 1265 -> 0 bytes 5 files changed, 26 insertions(+), 10 deletions(-) delete mode 100644 Open-ILS/web/images/rdetail_arrow.png delete mode 100644 Open-ILS/web/images/rdetail_arrow_down.png diff --git a/Open-ILS/src/templates/opac/parts/record/copy_table.tt2 b/Open-ILS/src/templates/opac/parts/record/copy_table.tt2 index 71e55028e6..bc93b1461f 100644 --- a/Open-ILS/src/templates/opac/parts/record/copy_table.tt2 +++ b/Open-ILS/src/templates/opac/parts/record/copy_table.tt2 @@ -126,7 +126,7 @@ END; [%- IF ctx.copy_limit != more_copies_limit AND ctx.copies.size >= ctx.copy_limit %]
+[% l('Show more copies') %] + class="charsign">+[% l('Show more copies') %]
[%- ELSIF ctx.copy_limit == more_copies_limit %]
diff --git a/Open-ILS/src/templates/opac/parts/record/extras.tt2 b/Open-ILS/src/templates/opac/parts/record/extras.tt2 index 4a473c3660..7343243655 100644 --- a/Open-ILS/src/templates/opac/parts/record/extras.tt2 +++ b/Open-ILS/src/templates/opac/parts/record/extras.tt2 @@ -41,13 +41,14 @@ [% IF tab_is_active(name); href = mkurl('', {}, ['expand']); - img_url = ctx.media_prefix _ '/images/rdetail_arrow_down.png'; + symbol = "▾"; ELSE; href = mkurl('', {expand => name}) _ '#' _ name; - img_url = ctx.media_prefix _ '/images/rdetail_arrow.png'; + symbol = "▸"; END; %] - [% extra.label %] + [% symbol %] [% extra.label %]
diff --git a/Open-ILS/web/css/skin/default/opac/style.css b/Open-ILS/web/css/skin/default/opac/style.css index 8591c8e313..39f8f2709c 100644 --- a/Open-ILS/web/css/skin/default/opac/style.css +++ b/Open-ILS/web/css/skin/default/opac/style.css @@ -499,7 +499,6 @@ div.format_icon { .rdetail_extras_lbl { position: relative; - top: -4px; left: 7px; color: white; } @@ -1406,15 +1405,31 @@ table.result_holdings_table thead tr { table.result_holdings_table thead tr th { font-weight: bold; } -.charsign { - vertical-align: middle; +span.charsign { + position: relative; + top: -.5em; + text-align: center; + display: inline-block; font-weight: bold; - padding: 5px 10px; + width: 2em; + height: 2em; margin: .5em; color: white; background-color: #00593d; border-radius: 4px; } -a.charsign, a.charsign:hover { - text-decoration: none +span.charsign span { + position: relative; + top: .5em; +} +span.charsign.circle { + border-radius: 50%; + margin-bottom: 3em; +} +div.rdetail_extras_link span.charsign { + color: #00593d; + background-color: #dff9ed; +} +a.nakedlink { + text-decoration: none; } diff --git a/Open-ILS/web/images/rdetail_arrow.png b/Open-ILS/web/images/rdetail_arrow.png deleted file mode 100644 index 24b005348b2804cbad862181624eedc3edf1c4bf..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1269 zcmeAS@N?(olHy`uVBq!ia0vp^LO?9Y!3HERME&^*q$EpRBT9nv(@M${i&7aJQ}UBi z6+Ckj(^G>|6H_V+Po~;1Ffc1*hD4M^`1)8S=jZArg4F0$^BXQ!4Z zB&DWj=GiK}-@RW+Av48RDcsc8z_-9TH6zobswg$M$}c3jDm&RSMakYy!KT6rXh3di zNuokUZcbjYRfVk**jy_h8zii+qySb@l5ML5aa4qFfP!;=QL2Keo`G(%fti7VnW3Jc zv5C34xsHO7fuVuEfswwUk*=Y+m9dePfq?=PC;@FNN=dT{a&d#&1?1T(Wt5Z@Sn2DR zmzV368|&p4rRy77T3Uk4Ff!5ws?aU2%qvN((9J7WhMC}!TAW;zSx}OhpQivaF)=B> zw8T~k=u(Imatq+b<`qMO2^e7d6^RA2=9ZF3nBND}m`vLFl!_sTY(GatnYqyQCInmZhe+73JqDfIV!LiQ6q^IL(9V zO~LIJbDVnhfsWA!MJrM?!-Rlo2gHOYS|A6W>{IiAX}t)TsO8%2Wf>S4vproLLn>}1 z?fL&%ms#uqXx4YQ z!*b;A2{uDTO#|jf#w!8boZ%5}kyK$k^130Sqp^bFQB@y!@ji%cm&8GYa-8`<0sC@2@x7A{TLL!?Rb4HEpbi zc!G|vd}7}cRr!*^`S-!6Joo?qIke1++n;tW0To1^u6{1-oD!M<;`*?o diff --git a/Open-ILS/web/images/rdetail_arrow_down.png b/Open-ILS/web/images/rdetail_arrow_down.png deleted file mode 100644 index 9ccadd36c9d7fc84265c2f072b38721dec3d0b19..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1265 zcmeAS@N?(olHy`uVBq!ia0vp^f8U}fi7AzZCsS=07?>3@Ln2Bde0{8v^Ko2Tt~skz|cV7z)0WFNY~KZ%Gk)tz(4^Clz_GsrKDK}xwt{?0`hE?GD=Dctn~HE z%ggo3jrH=2()A53EiFN27#ZmTRp=I1=9MH?=;jqG!%T2VElw`VEGWs$&r<-In3$Ab zT4JjNbScCOxdm`z^NOLt1Pn0!io^naLp=kKmtYEgeeo;J&4sHjE(uCSxEHIz#UYgi zsro^w#rdU0$-sz9QwCX8VC7ttnpl!w6q28x0}I7~jQo=P;*9(P1?ON>h49S0l>G8y zuxejlE6=>*lEl2^R8JRMC7^!2%*+%kGdD*IH#Y-gGgl`ALqk_XM+;*&XJZ3HBMT!7 zCr3kbm|mCsATTyDPRs`O!stg45_%4 zwCDe4U1l)_#v^qOYq*a%Is9Sj$Y=VfrXkI0ut<{W(gnUFoDOH&j(*thu!o@|djhYs znTu@4c7}~y%!waFI+`1Ph;$rg5q-k)sMke`f$5UN9@!4jiM*MOyIMpTKK-hhQO?uw zrIPJaqxuO|MV={*1!4*hyYx;SI&q}n<5Al-`}+S%N0kj8MBJ3T;*xS<>gy(+#A7Bc zGatU2y_~08|E;Uw`m&B=&xDxOau(VD`?u^Is{2(ml!)fmSO&r z_UCv&lH{QSM^2nbP+59PU{P+nw$HofJ)7lb9SJ;O-}ay964N3cO|>{4Gp=1fn99sG zx+)ubyf?HsEB#mdKI;Vst0G?a3