fix: title_bar makeup - only direct child link gets rounded borders

Andrew Shaydurov · Andrew Shaydurov · commit 64412b82de02 · 2013-12-23T17:18:39.000+11:00
diff --git a/app/assets/stylesheets/active_admin/structure/_title_bar.scss b/app/assets/stylesheets/active_admin/structure/_title_bar.scss
@@ -29,14 +29,16 @@
   }
 
   .action_items {
-    a {
-      @include light-button;
-      padding: 12px 17px 10px;
-      span.icon { vertical-align: bottom; margin-right: 4px;}
-      margin: 0px;
+    span.action_item {
+      & > a, & > .dropdown_menu > a {
+        @include light-button;
+        padding: 12px 17px 10px;
+        span.icon { vertical-align: bottom; margin-right: 4px;}
+        margin: 0px;
 
-      &:hover{
-        @include icon-color(#000);
+        &:hover{
+          @include icon-color(#000);
+        }
       }
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -29,14 +29,16 @@`
`29`	`29`	`}`
`30`	`30`
`31`	`31`	`.action_items {`
`32`		`- a {`
`33`		`- @include light-button;`
`34`		`- padding: 12px 17px 10px;`
`35`		`- span.icon { vertical-align: bottom; margin-right: 4px;}`
`36`		`- margin: 0px;`
	`32`	`+ span.action_item {`
	`33`	`+ & > a, & > .dropdown_menu > a {`
	`34`	`+ @include light-button;`
	`35`	`+ padding: 12px 17px 10px;`
	`36`	`+ span.icon { vertical-align: bottom; margin-right: 4px;}`
	`37`	`+ margin: 0px;`
`37`	`38`
`38`		`- &:hover{`
`39`		`- @include icon-color(#000);`
	`39`	`+ &:hover{`
	`40`	`+ @include icon-color(#000);`
	`41`	`+ }`
`40`	`42`	`}`
`41`	`43`	`}`
`42`	`44`	`}`