From 562b9d67a2e0d65cc9c0a07b8611dc70d22c6d61 Mon Sep 17 00:00:00 2001 From: David Huynh Date: Tue, 9 Mar 2010 00:14:01 +0000 Subject: [PATCH] Customized brackets of slider widget so that they are asymmetric. git-svn-id: http://google-refine.googlecode.com/svn/trunk@245 7d457c2a-affb-35e4-300a-418c747d4874 --- src/graphics/slider-brackets.psd | Bin 0 -> 37824 bytes src/main/webapp/images/slider-left-bracket.png | Bin 0 -> 750 bytes src/main/webapp/images/slider-right-bracket.png | Bin 0 -> 718 bytes src/main/webapp/styles/common.css | 14 ++++++++++++++ .../styles/dialogs/facet-based-edit-dialog.css | 2 +- src/main/webapp/styles/project/browsing.css | 5 +++-- 6 files changed, 18 insertions(+), 3 deletions(-) create mode 100644 src/graphics/slider-brackets.psd create mode 100644 src/main/webapp/images/slider-left-bracket.png create mode 100644 src/main/webapp/images/slider-right-bracket.png diff --git a/src/graphics/slider-brackets.psd b/src/graphics/slider-brackets.psd new file mode 100644 index 0000000000000000000000000000000000000000..705dc32779b1533ccd3e8b46e25d35bab37b5d8c GIT binary patch literal 37824 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 DNB_5? literal 0 HcmV?d00001 diff --git a/src/main/webapp/images/slider-left-bracket.png b/src/main/webapp/images/slider-left-bracket.png new file mode 100644 index 0000000000000000000000000000000000000000..50e896371be0391ada4f3edd945020d369b8da05 GIT binary patch literal 750 zcmV7hxBy4zEzYK`+^r~ydyj_`Om9XhcUhdKwMjG>cyI}{K+KXNA>#8HqrMpt-1 zsIzir4~hO%blgAX>&u0(R02ss9p8h00xpF-_fj4%gXJP%wFY|U`?mtFXHuz5{7kGL z@`FI42c&j&li35(SVE)W`H1WLRVkH|`@%IcFd3R7ne0vf z`D_4$d`VIOY1HL00OXCuHeBU@i%@J#&`!cQWWFYTUE5~XXw`lTpd`SDr4{BgCf3lf zeVSPq03uVVuIL+Y*R5GuMZ}&lHOQV-6l&(zi=P}HcgjetiU<^q4rC8NvXC^eJ-xp) z@bb%+{&TmYK}|xS=}ijm63~PQy?u@+iz~w~UcFZg%sntBpM6oT2rWAXqD2P?-&5QQz-G4wm`v(Yms3Lfilpw7_LA`#bLD%(v8Q(U*vMk!~%N+>!nW4m)*lFPa(=-Xgb+{ZZOsWzd<|&hf0vMwJl!C{p z_%22&;cgF^5DI7p1xb?O+!13OV;tocez5?)wQUoZD#_QP)ssO#x+>V9K>^?vqle6q z9bPlUE%piqG)+{83^#|X7q)w?N$~~^3kmuHOgpi!J}{PuCBz!EEMyLuIw3%^@--#Ar{^lrgZf&onnPJy!_b9``jeQ0cSBUNGmwuOBFxyhAi^%BKsL@;0- z!oaD3JGQ@gc)d;u1Z>2yJyyi8m`6JRXkK1Dej3b|vDPsI#lf6}AQ#`V9^nA{3PzaM zDoPyCC?Ug{3?#Zu7}SerGeG0247NR0zDvvSpXs`&Q^8 z6MoK0bpp8`7~bUE3l?+E3Io`wsptfjRuIg*#*5v7K#HfQ@ZSKt1Yy!lOXjNu3!g3X z-AW*ZCEtThH(tNauJZ+5DG|tivtT}h3Qrcho@(08Tm0{hO#=|JC^gpDYN-aF_{7=o zh|Z*Gx*`RiX2B}V`5sN3d)`{mKZVrk?plTp$4>zU0I;+frlQ?hEC2ui07*qoM6N<$f`HjX AWdHyG literal 0 HcmV?d00001 diff --git a/src/main/webapp/styles/common.css b/src/main/webapp/styles/common.css index 7b88851a1..0169e2cf0 100644 --- a/src/main/webapp/styles/common.css +++ b/src/main/webapp/styles/common.css @@ -83,4 +83,18 @@ img { .ui-widget-header { background-image: none; background-color: #ccc; +} + +.ui-widget-content a.ui-state-default.ui-slider-handle { + background: url(../images/slider-left-bracket.png) no-repeat bottom left; + border: none; + top: -10px; +} +.ui-widget-content a.ui-state-default.ui-slider-handle:last-child { + background: url(../images/slider-right-bracket.png) no-repeat bottom right; + border: none; + top: -10px; +} +.ui-slider .ui-slider-handle { + height: 32px; } \ No newline at end of file diff --git a/src/main/webapp/styles/dialogs/facet-based-edit-dialog.css b/src/main/webapp/styles/dialogs/facet-based-edit-dialog.css index 9d5d3fa02..3af04195f 100644 --- a/src/main/webapp/styles/dialogs/facet-based-edit-dialog.css +++ b/src/main/webapp/styles/dialogs/facet-based-edit-dialog.css @@ -67,7 +67,7 @@ table.facet-based-edit-dialog-entry-table input { font-weight: bold; } .facet-based-edit-dialog-facet-histogram { - margin: 10px 5px 5px 5px; + margin: 10px 8px 5px 8px; height: 52px; } .facet-based-edit-dialog-facet-slider { diff --git a/src/main/webapp/styles/project/browsing.css b/src/main/webapp/styles/project/browsing.css index f8dbcdda6..3adff69aa 100644 --- a/src/main/webapp/styles/project/browsing.css +++ b/src/main/webapp/styles/project/browsing.css @@ -114,7 +114,7 @@ img.facet-choice-link { padding: 15px; } .facet-range-histogram { - margin-bottom: 10px; + margin: 10px 4px; overflow: hidden; } .facet-range-histogram img { @@ -125,8 +125,9 @@ img.facet-choice-link { .facet-range-slider { } .facet-range-status { - margin-top: 5px; + margin-top: 10px; text-align: center; + color: #aaa; } .facet-text-body {