From 914ccf873a8d5ae34aea670f2a24b95a4b24e412 Mon Sep 17 00:00:00 2001 From: starfighter83 Date: Tue, 1 Mar 2011 08:35:34 -0100 Subject: [PATCH] splitbutton finetuning --- .../umbraco/settings/editTemplate.aspx | 2 +- .../images/splitbutton_downarrow.png | Bin 126 -> 130 bytes .../splitbutton/splitbutton.css | 46 ++++++++++-------- 3 files changed, 26 insertions(+), 22 deletions(-) diff --git a/umbraco/presentation/umbraco/settings/editTemplate.aspx b/umbraco/presentation/umbraco/settings/editTemplate.aspx index 3069f80191..329adb19c5 100644 --- a/umbraco/presentation/umbraco/settings/editTemplate.aspx +++ b/umbraco/presentation/umbraco/settings/editTemplate.aspx @@ -57,7 +57,7 @@ if (menuHeight > maxHeight) { - jQuery("
More
").appendTo("#macroMenu"); + jQuery("").appendTo("#macroMenu"); menu.css({ height: maxHeight, diff --git a/umbraco/presentation/umbraco_client/splitbutton/images/splitbutton_downarrow.png b/umbraco/presentation/umbraco_client/splitbutton/images/splitbutton_downarrow.png index 847d54b32c339695ee9f60f57b0551dd15046eea..3f31f8bc97f76493b539bbb91357143f9c34ac2c 100644 GIT binary patch delta 100 zcmV-q0Gt1Qf&q{uUP(zrK~#9!V_+BsgB0}l_y5O*DKdm2mr&%L(MTNyv`;9b2GGa= zl1e08E+D!@!si8|N+d#IKroC()4`|#qXvu`FlxXcG5`R}M5_Tln&@)?0000zopr0QdMK Ag8%>k diff --git a/umbraco/presentation/umbraco_client/splitbutton/splitbutton.css b/umbraco/presentation/umbraco_client/splitbutton/splitbutton.css index e59ea30076..f261b54839 100644 --- a/umbraco/presentation/umbraco_client/splitbutton/splitbutton.css +++ b/umbraco/presentation/umbraco_client/splitbutton/splitbutton.css @@ -11,6 +11,24 @@ vertical-align:top; } +.menudown +{ + + clear:both; + text-align: center; + cursor:pointer; + +} + +.menudown span +{ + background:url('images/splitbutton_downarrow.png') no-repeat 0px 0px; + +} +.menudown:hover +{ + background-color:#DDD; +} a.l-btn{ color:#444; font-size:12px; @@ -30,12 +48,7 @@ a.l-btn-plain{ _padding:1px 6px 1px 1px; } -a.l-btn-disabled{ - color:#ccc; - opacity:0.5; - filter:alpha(opacity=50); - cursor:default; -} + a.l-btn span.l-btn-left{ display:block; padding:4px 0px 4px 18px; @@ -79,7 +92,7 @@ a:hover.l-btn-disabled span.l-btn-left{ background:#f0f0f0 url('images/splitbutton_menu.gif') repeat-y; margin:0; padding:2px; - border:1px solid #ccc; + border: 1px solid #979797; overflow:hidden; } .menu-item{ @@ -109,20 +122,12 @@ a:hover.l-btn-disabled span.l-btn-left{ .menu-active{ - border:1px solid #7eabcd; - background:#fafafa; + border: 1px solid #a8d8eb; + background: #dcecf3; -moz-border-radius:3px; -webkit-border-radius: 3px; } -.menu-shadow{ - position:absolute; - background:#ddd; - -moz-border-radius:5px; - -webkit-border-radius: 5px; - -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); - filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=false,ShadowOpacity=0.2); -} + .s-btn-downarrow{ display:inline-block; @@ -145,10 +150,9 @@ a:hover.l-btn .s-btn-downarrow{ a.s-btn-plain-active{ background:transparent; - border:1px solid #7eabcd; + border:1px solid #8f8f8f; _padding:0px 5px 0px 0px; - -moz-border-radius:3px; - -webkit-border-radius: 3px; + } a.s-btn-plain-active .s-btn-downarrow{ background:url('images/splitbutton_downarrow.png') no-repeat 4px -18px;