Been bugging me for the longest time so thought I might quickly "fix" it and share:-
http://www.opencartblog.com/2012/03/how ... ble-hover/
Hi,
As an alternative solution to javascript for admin row hover highlighting, one can easily adjust the admin stylesheet.css. This file is located in <your admin folder>/view/stylesheet.css.
I am using OpenCart v1.5.2.1 for this example.
1. make a backup of the stylesheet.css file (always a good practice before changing, make sure you can put it back)
2. edit stylesheet.css in your editor of choice
3. scroll down to approx line 290 where .list { } style starts.
4. add the following styles
5. remove the background style from the .list tbody td { } style so it looks like this
Hopefully this helps with dashboard ease-of-use !
As an alternative solution to javascript for admin row hover highlighting, one can easily adjust the admin stylesheet.css. This file is located in <your admin folder>/view/stylesheet.css.
I am using OpenCart v1.5.2.1 for this example.
1. make a backup of the stylesheet.css file (always a good practice before changing, make sure you can put it back)
2. edit stylesheet.css in your editor of choice
3. scroll down to approx line 290 where .list { } style starts.
4. add the following styles
Code: Select all
.list tbody tr {
background: #fff;
}
.list tbody tr:hover {
background: #eee;
}Code: Select all
.list tbody td {
vertical-align: middle;
padding: 0px 5px;
}Hopefully this helps with dashboard ease-of-use !
Another solution could this be.
Assuming OC 1.5.2.x / standard admin stylesheet:
search for:
and remove
search for:
and remove
add this new:
save (backup before the stylesheet.css).
Now all rows are in different colors (each even is white, each odd es light grey).
Hovering the rows will highlighted in light yellow.
Colors can be adopted to every desired other color.
After it look like this (e.g. at modules and overview):
Assuming OC 1.5.2.x / standard admin stylesheet:
search for:
Code: Select all
.list tbody td {Code: Select all
background: #FFFFFF;Code: Select all
.latest tbody td {Code: Select all
background: #FFF;Code: Select all
tr {
background: #FFF;
}
tr:nth-child(odd) {
background: #F9F9F9;
}
tr:hover {
background: #FFFFEE;
}Now all rows are in different colors (each even is white, each odd es light grey).
Hovering the rows will highlighted in light yellow.
Colors can be adopted to every desired other color.
After it look like this (e.g. at modules and overview):
changed_admin_css_for_colored_rows_w_highlight.png (11.24 KiB) Viewed 2774 times
changed_admin_css_for_colored_rows_w_highlight.png (11.24 KiB) Viewed 2774 times
Attachments
changed_admin_css_for_colored_rows_w_highlight_overview.png (11.4 KiB) Viewed 2774 times
Full Stack Web Developer :: Dedicated OpenCart Development & Support DACH Region
Contact for Custom Work / Fast Support.
Who is online
Users browsing this forum: No registered users and 12 guests
