Examples of inconsistent or unreadable drop down menus that come into play in layouts for narrow displays.
- Avocado 1
The inconsistent margins, spacing and sometimes the colour of the icon for 'Search in this set' is common to most of the skins. I think that the cause is to be found in the use of a 'gallery-icon' class rather than the 'pwg-icon' class used elsewhere. This can be fixed by amending lines 18 and 163 in the themes/default/template/index.tpl file as follows ;- amend : gallery-icon-search-folder to : pwg-icon-search-folder - Avocado 2
The background issue cannot be fully resolved by a simple modification of the skins/avocado.inc.php file similar to that proposed for the Neon-Orange skin. However, the look can be made more consistent by amending from line 42 as follows;- 'dropdowns' => array( // REQUIRED - cannot be transparent 'backgroundColor' => '#e1ffe1' // was '#3F3F3F', ), This skin seems to have most of the colours set in the skin's css file. - Blueberry 1
The colour of the dropdown icons and button text were corrected by editing line 632 of the skins/blueberry.css file from ;- #albumActionsSwitcher + .categoryActions .pwg-button-text,#imageToolBar .actionButtons .pwg-button-text, #imageToolBar .actionButtons .pwg-button-text, .actionButtons A .pwg-icon, .actionButtons A .pwg-icon:hover { to ;- #albumActionsSwitcher + .categoryActions .pwg-button-text, #imageToolBar .actionButtons .pwg-button-text { - Blueberry 2
These drop-downs respond respond well to amending blueberry.inc.php as follows ;- 'dropdowns' => array( // REQUIRED - cannot be transparent 'backgroundColor' => '#131e24', ), - Caffe Latte 1
The background colour issue can be largely resolved by amending the following lines in skins/cafe_latte.inc.php ;- 'dropdowns' => array( // REQUIRED - cannot be transparent 'backgroundColor' => '#dcd0c0' //'#3F3F3F', ), - Caffe Latte 2
The colour of the dropdown icons and button text were corrected by editing line 601 of the skins/cafe_latte.css file from ;- #albumActionsSwitcher + .categoryActions .pwg-button-text,#imageToolBar .actionButtons .pwg-button-text, #imageToolBar .actionButtons .pwg-button-text, .actionButtons A .pwg-icon, .actionButtons A .pwg-icon:hover { to ;- #albumActionsSwitcher + .categoryActions .pwg-button-text, #imageToolBar .actionButtons .pwg-button-text { - Clear 1
- Clear 2
- Dark 1
- Dark 2
- Dark Lagoon 1
- Dark Lagoon 2
- Dark Radish 1
- Dark Radish 2
- Dark Sky 1