lucaspalomodevelop/core
1
0
Fork 0
mirror of https://github.com/lucaspalomodevelop/core.git synced 2026-03-14 00:24:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

(style, opnsense_standard_table_form) reverse zebra to improve heading, drop first grid line

Browse Source 
When using opnsense_standard_table_form on a table, the first visible row contains a top border (because the invisible mobile border is placed first).
The change sets border-top-width on the first td,th to 0px and swaps the zebra printing to keep things more consistent.
This commit is contained in:
Ad Schellevis 2016-08-21 15:06:03 +02:00
parent 2656848254
commit 2eda2d6350
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/www/javascript/opnsense_legacy.js
View File

@ -110,9 +110,14 @@ function hook_stacked_form_tables(match)
root_node.find('tr:visible').each(function () {
$(this).css("background-color", "inherit");
$(this).children().css("background-color", "inherit");
if ( index % 2 == 0) {
if ( index % 2 != 0) {
$(this).css("background-color", root_node.data('stripe-color'));
}
if (index == 0) {
// hide first visible table grid line
$(this).find('td, th').css('border-top-width', '0px');
}
// skip generated mobile headers (group header+content on mobile)
if (!$(this).hasClass('opnsense-table-mobile-header')) {
++index;