Permalink
Browse files

ENHANCEMENT: SSF-53 - Styled the pagination and icons on export to CS…

…V button on User datagrid.
  • Loading branch information...
1 parent de7167b commit 597b12e8235a438eaa00a96e2e9e5b7888a71702 jbridson committed Mar 6, 2012
View
@@ -31,7 +31,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
/** ---------------------------------------------------- Double tone borders http://daverupert.com/2011/06/two-tone-borders-with-css3/ ----------------------------------------------------- */
/** ----------------------------- Sprite images ----------------------------- */
/** Helper SCSS file for generating sprites for the interface. */
-.btn-icon-sprite, .ui-state-default .btn-icon-accept, .ui-state-default .btn-icon-accept_disabled, .ui-state-default .btn-icon-add, .ui-state-default .btn-icon-add_disabled, .ui-state-default .btn-icon-addpage, .ui-state-default .btn-icon-addpage_disabled, .ui-state-default .btn-icon-arrow-circle-135-left, .ui-state-default .btn-icon-back, .ui-state-default .btn-icon-back_disabled, .ui-state-default .btn-icon-cross-circle, .ui-state-default .btn-icon-cross-circle_disabled, .ui-state-default .btn-icon-decline, .ui-state-default .btn-icon-decline_disabled, .ui-state-default .btn-icon-drive-upload, .ui-state-default .btn-icon-drive-upload_disabled, .ui-state-default .btn-icon-magnifier, .ui-state-default .btn-icon-minus-circle, .ui-state-default .btn-icon-minus-circle_disabled, .ui-state-default .btn-icon-navigation, .ui-state-default .btn-icon-navigation_disabled, .ui-state-default .btn-icon-network-cloud, .ui-state-default .btn-icon-network-cloud_disabled, .ui-state-default .btn-icon-pencil, .ui-state-default .btn-icon-pencil_disabled, .ui-state-default .btn-icon-plug-disconnect-prohibition, .ui-state-default .btn-icon-plug-disconnect-prohibition_disabled, .ui-state-default .btn-icon-preview, .ui-state-default .btn-icon-preview_disabled, .ui-state-default .btn-icon-settings, .ui-state-default .btn-icon-settings_disabled, .ui-state-default .btn-icon-unpublish, .ui-state-default .btn-icon-unpublish_disabled { background: url('../images/btn-icon-sfde6065e75.png') no-repeat; }
+.btn-icon-sprite, .ui-state-default .btn-icon-accept, .ui-state-default .btn-icon-accept_disabled, .ui-state-default .btn-icon-add, .ui-state-default .btn-icon-add_disabled, .ui-state-default .btn-icon-addpage, .ui-state-default .btn-icon-addpage_disabled, .ui-state-default .btn-icon-arrow-circle-135-left, .ui-state-default .btn-icon-back, .ui-state-default .btn-icon-back_disabled, .ui-state-default .btn-icon-cross-circle, .ui-state-default .btn-icon-cross-circle_disabled, .ui-state-default .btn-icon-decline, .ui-state-default .btn-icon-decline_disabled, .ui-state-default .btn-icon-download-csv, .ui-state-default .btn-icon-drive-upload, .ui-state-default .btn-icon-drive-upload_disabled, .ui-state-default .btn-icon-magnifier, .ui-state-default .btn-icon-minus-circle, .ui-state-default .btn-icon-minus-circle_disabled, .ui-state-default .btn-icon-navigation, .ui-state-default .btn-icon-navigation_disabled, .ui-state-default .btn-icon-network-cloud, .ui-state-default .btn-icon-network-cloud_disabled, .ui-state-default .btn-icon-pencil, .ui-state-default .btn-icon-pencil_disabled, .ui-state-default .btn-icon-plug-disconnect-prohibition, .ui-state-default .btn-icon-plug-disconnect-prohibition_disabled, .ui-state-default .btn-icon-preview, .ui-state-default .btn-icon-preview_disabled, .ui-state-default .btn-icon-settings, .ui-state-default .btn-icon-settings_disabled, .ui-state-default .btn-icon-unpublish, .ui-state-default .btn-icon-unpublish_disabled { background: url('../images/btn-icon-se62d8b345b.png') no-repeat; }
.ui-state-default .btn-icon-accept { background-position: 0 0; }
.ui-state-default .btn-icon-accept_disabled { background-position: 0 -17px; }
@@ -42,29 +42,30 @@ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
.ui-state-default .btn-icon-arrow-circle-135-left { background-position: 0 -104px; }
.ui-state-default .btn-icon-back { background-position: 0 -120px; }
.ui-state-default .btn-icon-back_disabled { background-position: 0 -135px; }
-.ui-state-default .btn-icon-cross-circle { background-position: 0 -151px; }
-.ui-state-default .btn-icon-cross-circle_disabled { background-position: 0 -167px; }
-.ui-state-default .btn-icon-decline { background-position: 0 -183px; }
-.ui-state-default .btn-icon-decline_disabled { background-position: 0 -200px; }
-.ui-state-default .btn-icon-drive-upload { background-position: 0 -217px; }
-.ui-state-default .btn-icon-drive-upload_disabled { background-position: 0 -233px; }
-.ui-state-default .btn-icon-magnifier { background-position: 0 -249px; }
-.ui-state-default .btn-icon-minus-circle { background-position: 0 -265px; }
-.ui-state-default .btn-icon-minus-circle_disabled { background-position: 0 -281px; }
-.ui-state-default .btn-icon-navigation { background-position: 0 -297px; }
-.ui-state-default .btn-icon-navigation_disabled { background-position: 0 -313px; }
-.ui-state-default .btn-icon-network-cloud { background-position: 0 -329px; }
-.ui-state-default .btn-icon-network-cloud_disabled { background-position: 0 -345px; }
-.ui-state-default .btn-icon-pencil { background-position: 0 -361px; }
-.ui-state-default .btn-icon-pencil_disabled { background-position: 0 -377px; }
-.ui-state-default .btn-icon-plug-disconnect-prohibition { background-position: 0 -393px; }
-.ui-state-default .btn-icon-plug-disconnect-prohibition_disabled { background-position: 0 -409px; }
-.ui-state-default .btn-icon-preview { background-position: 0 -425px; }
-.ui-state-default .btn-icon-preview_disabled { background-position: 0 -442px; }
-.ui-state-default .btn-icon-settings { background-position: 0 -459px; }
-.ui-state-default .btn-icon-settings_disabled { background-position: 0 -475px; }
-.ui-state-default .btn-icon-unpublish { background-position: 0 -491px; }
-.ui-state-default .btn-icon-unpublish_disabled { background-position: 0 -509px; }
+.ui-state-default .btn-icon-cross-circle { background-position: 0 -150px; }
+.ui-state-default .btn-icon-cross-circle_disabled { background-position: 0 -166px; }
+.ui-state-default .btn-icon-decline { background-position: 0 -182px; }
+.ui-state-default .btn-icon-decline_disabled { background-position: 0 -199px; }
+.ui-state-default .btn-icon-download-csv { background-position: 0 -216px; }
+.ui-state-default .btn-icon-drive-upload { background-position: 0 -234px; }
+.ui-state-default .btn-icon-drive-upload_disabled { background-position: 0 -250px; }
+.ui-state-default .btn-icon-magnifier { background-position: 0 -266px; }
+.ui-state-default .btn-icon-minus-circle { background-position: 0 -282px; }
+.ui-state-default .btn-icon-minus-circle_disabled { background-position: 0 -298px; }
+.ui-state-default .btn-icon-navigation { background-position: 0 -314px; }
+.ui-state-default .btn-icon-navigation_disabled { background-position: 0 -330px; }
+.ui-state-default .btn-icon-network-cloud { background-position: 0 -346px; }
+.ui-state-default .btn-icon-network-cloud_disabled { background-position: 0 -362px; }
+.ui-state-default .btn-icon-pencil { background-position: 0 -378px; }
+.ui-state-default .btn-icon-pencil_disabled { background-position: 0 -394px; }
+.ui-state-default .btn-icon-plug-disconnect-prohibition { background-position: 0 -410px; }
+.ui-state-default .btn-icon-plug-disconnect-prohibition_disabled { background-position: 0 -426px; }
+.ui-state-default .btn-icon-preview { background-position: 0 -442px; }
+.ui-state-default .btn-icon-preview_disabled { background-position: 0 -459px; }
+.ui-state-default .btn-icon-settings { background-position: 0 -476px; }
+.ui-state-default .btn-icon-settings_disabled { background-position: 0 -492px; }
+.ui-state-default .btn-icon-unpublish { background-position: 0 -508px; }
+.ui-state-default .btn-icon-unpublish_disabled { background-position: 0 -526px; }
.icon { text-indent: -9999px; border: none; outline: none; }
.icon.icon-24 { width: 24px; height: 24px; background: url('../images/menu-icons/24x24-s546fcae8fd.png'); }
@@ -478,6 +479,11 @@ form.small .cms-file-info-data .field { padding-bottom: 0; }
form.small .cms-file-info-data .field label { width: 112px; }
form.small .cms-file-info-data .field .middleColumn { margin-left: 120px; }
+/** -------------------------------------------- Users Members Admin -------------------------------------------- */
+.members_grid p button#action_export { margin-top: 16px; }
+.members_grid p button#action_export span.btn-icon-exportlist { background: url(../images/btn-icon/download-csv.png) no-repeat 0px 0px; height: 20px; }
+.members_grid p button#action_export span.ui-button-text { padding-left: 27px; }
+
/** This file defines the jstree base styling (see http://jstree.com), as well as any customizations (see bottom of file). The styles are usually added through jstree.js on DOM load, but we need it earlier in order to correctly display the uninitialized tree. */
.cms .jstree ul, .TreeDropdownField .treedropdownfield-panel .jstree ul { display: block; margin: 0; padding: 0; background: none; list-style-type: none; }
.cms .jstree li, .TreeDropdownField .treedropdownfield-panel .jstree li { display: block; margin: 0; padding: 0; list-style-type: none; display: block; min-height: 18px; line-height: 18px; white-space: nowrap; margin-left: 18px; min-width: 18px; }
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Deleted file not rendered
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@@ -1313,4 +1313,23 @@ form.small {
}
}
}
-}
+}
+
+/** --------------------------------------------
+ * Users Members Admin
+ * -------------------------------------------- */
+
+ .members_grid {
+ p {
+ button#action_export {
+ margin-top:$grid-y*2;
+ span.btn-icon-exportlist {
+ @include background (url(../images/btn-icon/download-csv.png) no-repeat 0px 0px);
+ height:$grid-y*2 + 4;
+ }
+ span.ui-button-text {
+ padding-left:$grid-x*3 + 3;
+ }
+ }
+ }
+ }
Oops, something went wrong.

0 comments on commit 597b12e

Please sign in to comment.