From 17bd75266a9b4419e0ced0a9b4e007df7aadf15a Mon Sep 17 00:00:00 2001 From: Chriztian Steinmeier Date: Mon, 30 Mar 2015 22:59:10 +0200 Subject: [PATCH 1/4] Make the active item stand out visually --- .../UI/App_Plugins/NestedContent/Css/nestedcontent.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/Src/Our.Umbraco.NestedContent/Web/UI/App_Plugins/NestedContent/Css/nestedcontent.css b/Src/Our.Umbraco.NestedContent/Web/UI/App_Plugins/NestedContent/Css/nestedcontent.css index 4bba4b3..091204c 100644 --- a/Src/Our.Umbraco.NestedContent/Web/UI/App_Plugins/NestedContent/Css/nestedcontent.css +++ b/Src/Our.Umbraco.NestedContent/Web/UI/App_Plugins/NestedContent/Css/nestedcontent.css @@ -11,6 +11,14 @@ background: white; } +.nested-content__item--active:not(.nested-content__item--single) +{ + border-left: 4px solid #dd7f4e; + border-top: none; + margin-left: -4px; + background: #f8f8f8; +} + .nested-content__item.ui-sortable-placeholder { background: #f8f8f8; From 0a3b1a0b7d0902747e87c8c54a0aea1839d4cdc8 Mon Sep 17 00:00:00 2001 From: Chriztian Steinmeier Date: Mon, 30 Mar 2015 23:00:46 +0200 Subject: [PATCH 2/4] Set a pointer (hand) cursor for the heading row Makes it much more obvious for the editor that there's an action there - especially when the labels are very short --- .../Web/UI/App_Plugins/NestedContent/Css/nestedcontent.css | 1 + 1 file changed, 1 insertion(+) diff --git a/Src/Our.Umbraco.NestedContent/Web/UI/App_Plugins/NestedContent/Css/nestedcontent.css b/Src/Our.Umbraco.NestedContent/Web/UI/App_Plugins/NestedContent/Css/nestedcontent.css index 091204c..43756b8 100644 --- a/Src/Our.Umbraco.NestedContent/Web/UI/App_Plugins/NestedContent/Css/nestedcontent.css +++ b/Src/Our.Umbraco.NestedContent/Web/UI/App_Plugins/NestedContent/Css/nestedcontent.css @@ -43,6 +43,7 @@ padding: 15px 20px; border-bottom: 1px dashed #e0e0e0; text-align: right; + cursor: pointer; } .nested-content__heading From 92914385f4609666d376b30dac008c68c0dcc46b Mon Sep 17 00:00:00 2001 From: Chriztian Steinmeier Date: Mon, 30 Mar 2015 23:03:05 +0200 Subject: [PATCH 3/4] Make itemlabels bold --- .../Web/UI/App_Plugins/NestedContent/Css/nestedcontent.css | 1 + 1 file changed, 1 insertion(+) diff --git a/Src/Our.Umbraco.NestedContent/Web/UI/App_Plugins/NestedContent/Css/nestedcontent.css b/Src/Our.Umbraco.NestedContent/Web/UI/App_Plugins/NestedContent/Css/nestedcontent.css index 43756b8..28cd026 100644 --- a/Src/Our.Umbraco.NestedContent/Web/UI/App_Plugins/NestedContent/Css/nestedcontent.css +++ b/Src/Our.Umbraco.NestedContent/Web/UI/App_Plugins/NestedContent/Css/nestedcontent.css @@ -50,6 +50,7 @@ { float: left; line-height: 20px; + font-weight: bold; } .nested-content__icons From a2cf24564a283074edbaa601610b1cc1bc9e2856 Mon Sep 17 00:00:00 2001 From: Chriztian Steinmeier Date: Mon, 30 Mar 2015 23:05:53 +0200 Subject: [PATCH 4/4] (Formatting fix) --- .../Web/UI/App_Plugins/NestedContent/Css/nestedcontent.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Src/Our.Umbraco.NestedContent/Web/UI/App_Plugins/NestedContent/Css/nestedcontent.css b/Src/Our.Umbraco.NestedContent/Web/UI/App_Plugins/NestedContent/Css/nestedcontent.css index 28cd026..f762530 100644 --- a/Src/Our.Umbraco.NestedContent/Web/UI/App_Plugins/NestedContent/Css/nestedcontent.css +++ b/Src/Our.Umbraco.NestedContent/Web/UI/App_Plugins/NestedContent/Css/nestedcontent.css @@ -14,7 +14,7 @@ .nested-content__item--active:not(.nested-content__item--single) { border-left: 4px solid #dd7f4e; - border-top: none; + border-top: none; margin-left: -4px; background: #f8f8f8; }