From 1a8122ea8976889528db092fb814ad84ac703aac Mon Sep 17 00:00:00 2001 From: Naomi Guyer Date: Wed, 1 May 2013 17:04:41 +1200 Subject: [PATCH] Style site selector dropdown Made dropdown receive chzn, and applied a dark style to the dropdown to match the ui of the cms --- code/extensions/LeftAndMainSubsites.php | 10 ++++--- css/LeftAndMain_Subsites.css | 38 ++++++++++++++++++------ images/chosen-sprite-light.png | Bin 0 -> 3594 bytes templates/LeftAndMain_Menu.ss | 2 +- 4 files changed, 36 insertions(+), 14 deletions(-) create mode 100644 images/chosen-sprite-light.png diff --git a/code/extensions/LeftAndMainSubsites.php b/code/extensions/LeftAndMainSubsites.php index 7cc5c0e..e829340 100644 --- a/code/extensions/LeftAndMainSubsites.php +++ b/code/extensions/LeftAndMainSubsites.php @@ -85,7 +85,8 @@ class LeftAndMainSubsites extends Extension { $currentSubsiteID = Subsite::currentSubsiteID(); if($list->Count() > 1) { - $output = ''; foreach($list as $subsite) { $selected = $subsite->ID == $currentSubsiteID ? ' selected="selected"' : ''; @@ -93,13 +94,14 @@ class LeftAndMainSubsites extends Extension { $output .= "\n"; } - $output .= ''; + $output .= ''; Requirements::javascript('subsites/javascript/LeftAndMain_Subsites.js'); return $output; } else if($list->Count() == 1) { if($list->First()->DefaultSite==false) { - $output = ''; $output .= "\n"; foreach($list as $subsite) { $selected = $subsite->ID == $currentSubsiteID ? ' selected="selected"' : ''; @@ -107,7 +109,7 @@ class LeftAndMainSubsites extends Extension { $output .= "\n"; } - $output .= ''; + $output .= ''; Requirements::javascript('subsites/javascript/LeftAndMain_Subsites.js'); return $output; diff --git a/css/LeftAndMain_Subsites.css b/css/LeftAndMain_Subsites.css index 0c6a54f..14f4914 100644 --- a/css/LeftAndMain_Subsites.css +++ b/css/LeftAndMain_Subsites.css @@ -24,18 +24,38 @@ padding: 3px; } -.cms-login-status.subsites { - padding-bottom: 7px; +.cms-menu .cms-subsites{ + padding:3px 0px 15px; +} +.cms-menu .cms-subsites .field.dropdown{ + padding-bottom:0; + margin-bottom:0; } -#SubsitesSelect, -#SubsitesSelect option { - font-size: 12px; +/* Custom chzn styles for dark blue background */ +.cms-subsites .chzn-container-single .chzn-single, +.cms-subsites .chzn-container-active .chzn-single { + border: 1px solid #152338; + background:#213557; + -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); + box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } - #SubsitesSelect { - width: 145px; - padding: 3px; - } +.cms-menu .cms-subsites .dropdown span{ + padding-left:5px; +} +.cms-subsites .chzn-container-single .chzn-single div b{ + background: url(../images/chosen-sprite-light.png) 3px 0 no-repeat; +} +.cms-subsites .chzn-container .chzn-drop{ + padding-left:5px; + background:#213557; + border: 1px solid #152338; + border-top:0; + color:#fff; + -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125); + box-shadow: inset 1px 0 0 rgba(255,255,255,.125); +} + #AddSubsiteLink { display: block; diff --git a/images/chosen-sprite-light.png b/images/chosen-sprite-light.png new file mode 100644 index 0000000000000000000000000000000000000000..e00cf36801669b61160a8eaaedb9e0410e8d7e23 GIT binary patch literal 3594 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 literal 0 HcmV?d00001 diff --git a/templates/LeftAndMain_Menu.ss b/templates/LeftAndMain_Menu.ss index 168dd90..2d34b0b 100644 --- a/templates/LeftAndMain_Menu.ss +++ b/templates/LeftAndMain_Menu.ss @@ -19,7 +19,7 @@ <% end_with %> -