Basic styling changes I made
Permalink Browser Info Environment
Hi,
I spent about 15 minutes styling this plugin's backend. Great tool, but awful-looking interface.
Add these to your css:
And go into form_setup_html.php. Changed lines 16 to add something to visually separate gradient and shadow and renamed the headers:
-R
I spent about 15 minutes styling this plugin's backend. Great tool, but awful-looking interface.
Add these to your css:
/* MOD GRADIENT PLUGIN */ #ccm-gradient-existing th, #ccm-gradient-existing td { padding: 5px 15px; } .gradient-stop, .shadow-x, .shadow-y, .shadow-blur {width:30px!important; margin:0 auto} #ccm-gradient-existing .element {padding-right:15px!Important} div.ccm-color-swatch {top:-3px!important} .element {margin-top:2px}
And go into form_setup_html.php. Changed lines 16 to add something to visually separate gradient and shadow and renamed the headers:
<table border="0" cellpadding="2" id="ccm-gradient-existing"><!-- 8 >>9 total cells per row -->
<tr>
<td></td>
<td colspan="3" style="text-align:center; background:#fdd; font-weight:bold">Gradient</td>
<td colspan="4" style="text-align:center; background: #dfd; font-weight:bold">Box-Shadow</td>
<td></td>
</tr>
<tr id="roundedtableheading" style="visibility:hidden;">
<th><?php echo t("Element"); ?></th>
<th nowrap="nowrap"><?php echo t("Color1"); ?></th>
<th nowrap="nowrap"><?php echo t("Color2"); ?></th>
<th nowrap="nowrap"><?php echo t("Color"); ?></th>
<th><?php echo t("X +/-"); ?></th>
<th><?php echo t("Y +/-"); ?></th>
<th><?php echo t("Blur"); ?></th>Viewing 15 lines of 17 lines. View entire code block.
-R
| Type: | Discussion |
|---|---|
| Status: | New |
Thanks for that. We already reworked the interface and tweaked the styling a bit more.
See the updated version:
http://www.concrete5.org/marketplace/addons/gradient-shadow-on-anyt...
Again thanks.
JZ