Permalink
Browse files

MINOR: changed icon size for lefthand menu down to 16x16 rather than …

…24x24
  • Loading branch information...
1 parent 404e713 commit dc222d54f83b270784549cec927649291681ba75 @wilr wilr committed Aug 8, 2011
View

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -107,7 +107,7 @@
.icon {
display: block;
float: left;
- margin-right: 8px;
+ margin: 4px 10px 0 4px;
@include opacity(0.7);
}
View
@@ -1,43 +1,60 @@
/**
* Helper SCSS file for generating sprites for the interface.
*
-
+ * S
*/
@import "compass/utilities/sprites/base";
$icon24: sprite-map("icons/24x24/*.png");
+$icon16: sprite-map("icons/16x16/*.png");
-.icon-24 {
- background: $icon24;
- text-indent: -9999px;
- border: none;
- outline: none;
-
- width: 24px;
- height: 24px;
+
+@mixin icons($sprite) {
+ background: $sprite;
&.icon-assetadmin {
- @include sprite($icon24, "picture");
+ @include sprite($sprite, "picture");
}
&.icon-cmsmain {
- @include sprite($icon24, "pencil");
+ @include sprite($sprite, "pencil");
}
&.icon-cmspagescontroller {
- @include sprite($icon24, "network");
+ @include sprite($sprite, "network");
}
&.icon-cmssettingscontroller {
- @include sprite($icon24, "gears");
+ @include sprite($sprite, "gears");
}
&.icon-securityadmin {
- @include sprite($icon24, "community");
+ @include sprite($sprite, "community");
}
&.icon-reportadmin {
- @include sprite($icon24, "pie-chart");
+ @include sprite($sprite, "pie-chart");
}
&.icon-commentadmin {
- @include sprite($icon24, "blog");
+ @include sprite($sprite, "blog");
}
&.icon-help {
- @include sprite($icon24, "information");
+ @include sprite($sprite, "information");
}
}
+
+
+.icon {
+ text-indent: -9999px;
+ border: none;
+ outline: none;
+
+ &.icon-24 {
+ width: 24px;
+ height: 24px;
+
+ @include icons($icon24);
+ }
+
+ &.icon-16 {
+ width: 16px;
+ height: 16px;
+
+ @include icons($icon16);
+ }
+}
View
@@ -100,7 +100,7 @@ html,body {
.cms-content-header {
background-color: darken($color-widget-bg, 20%);
- padding: $grid-vertical $grid-horizontal ($grid-vertical - 2) $grid-horizontal;
+ padding: $grid-vertical $grid-horizontal ($grid-vertical - 2) $grid-horizontal * 2;
height: $grid-vertical * 4;
z-index: 60;
border-bottom: 2px solid darken($color-widget-bg, 35%);
@@ -26,7 +26,7 @@
<% control MainMenu %>
<li class="$LinkingMode $FirstLast <% if LinkingMode == 'current' %>opened<% end_if %>" id="Menu-$Code">
<a href="$Link">
- <span class="icon icon-24 icon-{$Code.LowerCase}">&nbsp;</span>
+ <span class="icon icon-16 icon-{$Code.LowerCase}">&nbsp;</span>
<span class="text">$Title</span>
</a>

0 comments on commit dc222d5

Please sign in to comment.