Skip to content
This repository
Browse code

ENHANCEMENT:Trac#7166 - styled the new combined tree and edit view.

  • Loading branch information...
commit 1e25637acb37a58c39806c76b818a9db537123e1 1 parent 0f7dd79
authored April 18, 2012
5  css/screen.css
@@ -13,8 +13,11 @@
13 13
 /** -------------------------------------------- Tree View (collapsed for sidebar) -------------------------------------------- */
14 14
 #cms-content-treeview .cms-tree-expand-trigger { display: none; }
15 15
 
  16
+.cms-content-tools #cms-content-treeview .cms-content-toolbar { border-bottom: none; box-shadow: none; margin-bottom: 8px; }
  17
+.cms-content-tools #cms-content-treeview .cms-content-toolbar .cms-page-add-button { margin-top: 8px; }
16 18
 .cms-content-tools #cms-content-treeview .cms-tree-view-modes, .cms-content-tools #cms-content-treeview .cms-content-batchactions { display: none; }
17  
-.cms-content-tools #cms-content-treeview .cms-tree-expand-trigger { display: inline-block; }
  19
+.cms-content-tools #cms-content-treeview .cms-tree-expand-trigger { display: inline-block; margin: 0 0 2px 0; position: absolute; top: 8px; right: 4px; }
  20
+.cms-content-tools #cms-content-treeview .cms-tree-expand-trigger span.ui-button-text { padding-right: 8px; }
18 21
 .cms-content-tools #cms-content-treeview .cms-tree .badge, .cms-content-tools #cms-content-treeview .cms-tree a > .jstree-icon { display: none; }
19 22
 
20 23
 .cms .AssetAdmin .cms-content-fields { overflow: hidden; }
17  scss/_CMSMain.scss
@@ -55,12 +55,27 @@
55 55
 
56 56
 .cms-content-tools { // Hide certain elements when shown in "sidebar mode"
57 57
 	#cms-content-treeview {
  58
+		.cms-content-toolbar {
  59
+			border-bottom:none;
  60
+			box-shadow:none;
  61
+			margin-bottom:8px;
  62
+			.cms-page-add-button {
  63
+				margin-top:8px;
  64
+			}
  65
+		}
58 66
 		.cms-tree-view-modes,
59 67
 		.cms-content-batchactions {
60 68
 			display: none;
61 69
 		}
62 70
 		.cms-tree-expand-trigger {
63  
-			display: inline-block; 
  71
+			display: inline-block;
  72
+			margin:0 0 2px 0;
  73
+			position:absolute;
  74
+			top:8px;
  75
+			right:4px;
  76
+			span.ui-button-text{
  77
+					padding-right:8px;
  78
+			}
64 79
 		}
65 80
 
66 81
 		.cms-tree {

0 notes on commit 1e25637

Andrew Short

Just wondering why this was added? The Add New button is no longer aligned when the tree is shown in the sidebar.

Sorry I wrote that quite awhile ago and can't remember exactly why I did it. I can't see what you mean about the Add New button not being aligned though. If you create a new ticket on open.silverstripe.org for the bug then someone can take a look at it.

Cheers.

Please sign in to comment.
Something went wrong with that request. Please try again.