CSS Buttons for Admin [Support Thread]

[DivaVocals]

Instead, how about

1. Moving the @import url("stylesheet_admin_css_buttons.css"); statement to the bottom of the stylesheet.css
2. Modifying stylesheet_admin_css_buttons.css to include the additional selectors:

.cssButton, .cssButton:hover, input.cssButton, .button, input.button, input[type=button] { background-color:white; border:1px solid #003366; color:#404040; border-radius:6px; display:inline-block; font-family:Verdana; font-size:11px; font-weight:bold; margin: 0; padding:3px 8px; text-decoration:none; }
span.cssButton:hover { background-color: #dcdcdc; }
input.cssButton:hover, .button:hover, input.button:hover, input[type=button]:hover { background-color:#ccc; border: 1px solid #003d00; cursor: pointer; }

Only needed to execute step 2. Moving the import statement it appears stops all the CSS buttons from working..

I also adjusted the background and text color for the hover:

span.cssButton:hover { 
    background-color: #dcdcdc; /* Grey Hover Color */ 
    }
input.cssButton:hover, .button:hover, input.button:hover, input[type=button]:hover { 
    /*background-color:#599659;*/ /* Green Hover Color */ 
    background-color:#dcdcdc; /* Grey Hover Color */ 
    border: 1px solid #003d00; 
    /*color: white;*/
    cursor: pointer;
    }

[lat9]

v1.0.1 is now available in the plugins ...

[simon1066]

A small point but I've noticed that in Option Values Manager the Update & Delete buttons are stacked rather than side-by-side.

When I have 50 attributes displayed the first part of the page load (the attribute list) shows them as side-by-side but once the copy options at the bottom kick in the Update & Delete revert to being stacked.

[lat9]

A small point but I've noticed that in Option Values Manager the Update & Delete buttons are stacked rather than side-by-side.

When I have 50 attributes displayed the first part of the page load (the attribute list) shows them as side-by-side but once the copy options at the bottom kick in the Update & Delete revert to being stacked.

I'll give it a look and report back ...

[lat9]

Add the following to the bottom of the stylesheet_admin_css_buttons.css file. It makes the text size for the edit/delete buttons smaller and widens up the last column for tables that use the attributes-even (and -odd) class.

.attributes-odd td:last-child, .attributes-even td:last-child { width: 12%; }
.attributes-even .button_edit, .attributes-odd .button_edit, .attributes-even .button_delete, .attributes-odd .button_delete { font-size: smaller; }

[DivaVocals]

Add the following to the bottom of the stylesheet_admin_css_buttons.css file. It makes the text size for the edit/delete buttons smaller and widens up the last column for tables that use the attributes-even (and -odd) class.

.attributes-odd td:last-child, .attributes-even td:last-child { width: 12%; }
.attributes-even .button_edit, .attributes-odd .button_edit, .attributes-even .button_delete, .attributes-odd .button_delete { font-size: smaller; }

The second line may not be necessary as it makes the buttons too small (IMHO..)..

[lat9]

The second line may not be necessary as it makes the buttons too small (IMHO..)..

I'm with you, how about simply

.attributes-odd td:last-child, .attributes-even td:last-child { width: 15%; }

[simon1066]

Add the following to the bottom of the stylesheet_admin_css_buttons.css file. It makes the text size for the edit/delete buttons smaller and widens up the last column for tables that use the attributes-even (and -odd) class.

.attributes-odd td:last-child, .attributes-even td:last-child { width: 12%; }
.attributes-even .button_edit, .attributes-odd .button_edit, .attributes-even .button_delete, .attributes-odd .button_delete { font-size: smaller; }

Thank you, that's great. I've massaged the values slightly to fine tune.

[lat9]

v1.0.4 is now available from the Plugins area. This version provides downwardly-compatible changes required for Zen Cart v1.5.4.

[lat9]

I've just submitted v1.0.5 to the plugins for review, incorporating Zen Cart v1.5.5 changes.