Feature #3248 » ui-verify-3248-measurements.md
W21 UI Verify — measurement table (ticket #3248)
Design source: docs/design/oms-screens-standalone.html (537974 bytes, 20-screen Devhub bundle,
rendered headless via Playwright/chromium-1234 at 1440x900) + docs/specs/ticket-3248-design.md
(the approved per-field design spec for this ticket, whose values were re-confirmed here by
measuring the bundle directly: rgb(247,241,233) x62, rgb(230,247,236) x1, rgb(34,158,75) x13,
height:44px x54).
Rendered source: production build (.next, BUILD_ID present) served by next start -p 3210,
authenticated as the seeded Super Admin. The local oms_test Postgres was empty (0 users, 0 rows),
so prisma/seed.ts was run first — without it no screen renders and login is impossible.
All values are getComputedStyle / getBoundingClientRect readings taken in-page, not screenshot
estimates. Scripts: /tmp/measure-app.js, /tmp/measure2.js, /tmp/measure3.js, /tmp/measure4.js,
/tmp/measure-design.js, /tmp/bp.js.
Tolerances: spacing/padding/size +/-2px; font size exact; colour exact after normalising to rgb();
radius/border +/-1px.
Breakpoints checked: sm 640 / md 768 / lg 1024 / xl 1280 — the Tailwind defaults, since
tailwind.config.ts declares no screens override.
| # | screen | field | design (expected) | rendered (actual) | verdict |
|---|---|---|---|---|---|
| 1 | SCR_ORDER_LIST | page_title_font | 20px/600 | 20px/600 | MATCH |
| 2 | SCR_ORDER_LIST | page_title_color | rgb(18, 18, 18) | rgb(18, 18, 18) | MATCH |
| 3 | SCR_ORDER_LIST | primary_btn_bg | rgb(69, 40, 40) | rgb(69, 40, 40) | MATCH |
| 4 | SCR_ORDER_LIST | primary_btn_color | rgb(255, 255, 255) | rgb(255, 255, 255) | MATCH |
| 5 | SCR_ORDER_LIST | table_header_bg | rgb(247, 241, 233) | rgba(0, 0, 0, 0) | DEVIATION |
| 6 | SCR_ORDER_LIST | table_header_color | rgb(69, 40, 40) | rgb(69, 40, 40) | MATCH |
| 7 | SCR_ORDER_LIST | table_header_padding | 12px 24px | 12px 24px | MATCH |
| 8 | SCR_ORDER_LIST | table_row_divider | rgb(242, 242, 242) | rgb(229, 231, 235) | DEVIATION |
| 9 | SCR_ORDER_LIST | page_header_border | rgb(217, 217, 217) 1px | rgb(217, 217, 217) 1px | MATCH |
| 10 | SCR_ORDER_LIST | toolbar_gap | 16px | 16px | MATCH |
| 11 | SCR_ORDER_LIST | toolbar_justify | flex-end | flex-end | MATCH |
| 12 | SCR_ORDER_LIST | toolbar_order_new_before_filter | True | True | MATCH |
| 13 | SCR_ORDER_LIST | filter_toggle_box | 40x40 | 40x40 | MATCH |
| 14 | SCR_ORDER_LIST | filter_renders_inline_not_popup | True | True | MATCH |
| 15 | SCR_ORDER_LIST | filter_row_gap | 25px | 25px | MATCH |
| 16 | SCR_ORDER_LIST | filter_field_width | 200px | 200px | MATCH |
| 17 | SCR_ORDER_LIST | filter_label_color | rgb(86, 86, 86) | rgb(86, 86, 86) | MATCH |
| 18 | SCR_ORDER_LIST | filter_input_height | 44px | 30px | DEVIATION |
| 19 | SCR_ORDER_LIST | filter_input_border | rgb(234, 234, 235) | rgb(234, 234, 235) | MATCH |
| 20 | SCR_ORDER_LIST | search_collapsed_40x40_toggle | present | absent (input always expanded) | DEVIATION |
| 21 | SCR_ORDER_LIST | sort_icon_custom_svg_polygons | svg/polygon | svg/polygon | MATCH |
| 22 | SCR_ORDER_LIST | status_badge_treatment | tinted pill bg rgb(230, 247, 236) | plain text, bg rgba(0, 0, 0, 0) radius 0px | DEVIATION |
| 23 | SCR_ITEM_LIST | page_title_font | 20px/600 | 20px/600 | MATCH |
| 24 | SCR_ITEM_LIST | page_title_color | rgb(18, 18, 18) | rgb(18, 18, 18) | MATCH |
| 25 | SCR_ITEM_LIST | primary_btn_bg | rgb(69, 40, 40) | rgb(69, 40, 40) | MATCH |
| 26 | SCR_ITEM_LIST | primary_btn_color | rgb(255, 255, 255) | rgb(255, 255, 255) | MATCH |
| 27 | SCR_ITEM_LIST | table_header_bg | rgb(247, 241, 233) | rgba(0, 0, 0, 0) | DEVIATION |
| 28 | SCR_ITEM_LIST | table_header_color | rgb(69, 40, 40) | rgb(69, 40, 40) | MATCH |
| 29 | SCR_ITEM_LIST | table_header_padding | 12px 24px | 12px 24px | MATCH |
| 30 | SCR_ITEM_LIST | table_row_divider | rgb(242, 242, 242) | rgb(229, 231, 235) | DEVIATION |
| 31 | SCR_ITEM_LIST | page_header_border | rgb(217, 217, 217) 1px | rgb(217, 217, 217) 1px | MATCH |
| 32 | SCR_ITEM_LIST | toolbar_gap | 16px | 16px | MATCH |
| 33 | SCR_ITEM_LIST | toolbar_justify | flex-end | flex-end | MATCH |
| 34 | SCR_ITEM_LIST | toolbar_order_new_before_filter | True | True | MATCH |
| 35 | SCR_ITEM_LIST | filter_toggle_box | 40x40 | 40x40 | MATCH |
| 36 | SCR_ITEM_LIST | filter_renders_inline_not_popup | True | True | MATCH |
| 37 | SCR_ITEM_LIST | filter_row_gap | 25px | 25px | MATCH |
| 38 | SCR_ITEM_LIST | filter_field_width | 200px | 200px | MATCH |
| 39 | SCR_ITEM_LIST | filter_label_color | rgb(86, 86, 86) | rgb(86, 86, 86) | MATCH |
| 40 | SCR_ITEM_LIST | filter_input_height | 44px | 30px | DEVIATION |
| 41 | SCR_ITEM_LIST | filter_input_border | rgb(234, 234, 235) | rgb(234, 234, 235) | MATCH |
| 42 | SCR_ITEM_LIST | search_collapsed_40x40_toggle | present | absent (input always expanded) | DEVIATION |
| 43 | SCR_ITEM_LIST | sort_icon_custom_svg_polygons | svg/polygon | svg/polygon | MATCH |
| 44 | SCR_ITEM_LIST | status_badge_treatment | tinted pill bg rgb(230, 247, 236) | plain text, bg rgba(0, 0, 0, 0) radius 0px | DEVIATION |
| 45 | SCR_UOM_LIST | table_header_bg | rgb(247, 241, 233) | rgba(0, 0, 0, 0) | DEVIATION |
| 46 | SCR_UOM_LIST | table_header_color | rgb(69, 40, 40) | rgb(69, 40, 40) | MATCH |
| 47 | SCR_UOM_LIST | table_header_padding | 12px 24px | 12px 24px | MATCH |
| 48 | SCR_UOM_LIST | table_row_divider | rgb(242, 242, 242) | rgb(229, 231, 235) | DEVIATION |
| 49 | SCR_UOM_LIST | browser_tab_title | set (non-empty) | set (non-empty) | MATCH |
| 50 | SCR_UOM_LIST | status_badge_treatment | tinted pill bg rgb(230, 247, 236) | plain text, bg rgba(0, 0, 0, 0) radius 0px | DEVIATION |
| 51 | SCR_UOM_LIST | status_success_color | rgb(34, 158, 75) | rgb(18, 18, 18) | DEVIATION |
| 52 | SCR_SUPPLIER_LIST | table_header_bg | rgb(247, 241, 233) | rgba(0, 0, 0, 0) | DEVIATION |
| 53 | SCR_SUPPLIER_LIST | table_header_color | rgb(69, 40, 40) | rgb(69, 40, 40) | MATCH |
| 54 | SCR_SUPPLIER_LIST | table_header_padding | 12px 24px | 12px 24px | MATCH |
| 55 | SCR_SUPPLIER_LIST | table_row_divider | rgb(242, 242, 242) | rgb(229, 231, 235) | DEVIATION |
| 56 | SCR_SUPPLIER_LIST | browser_tab_title | set (non-empty) | set (non-empty) | MATCH |
| 57 | SCR_SUPPLIER_LIST | status_badge_treatment | tinted pill bg rgb(230, 247, 236) | plain text, bg rgba(0, 0, 0, 0) radius 0px | DEVIATION |
| 58 | SCR_SUPPLIER_LIST | status_success_color | rgb(34, 158, 75) | rgb(18, 18, 18) | DEVIATION |
| 59 | SCR_PROJECT_LIST | table_header_bg | rgb(247, 241, 233) | rgba(0, 0, 0, 0) | DEVIATION |
| 60 | SCR_PROJECT_LIST | table_header_color | rgb(69, 40, 40) | rgb(69, 40, 40) | MATCH |
| 61 | SCR_PROJECT_LIST | table_header_padding | 12px 24px | 12px 24px | MATCH |
| 62 | SCR_PROJECT_LIST | table_row_divider | rgb(242, 242, 242) | rgb(229, 231, 235) | DEVIATION |
| 63 | SCR_PROJECT_LIST | browser_tab_title | set (non-empty) | set (non-empty) | MATCH |
| 64 | SCR_PROJECT_LIST | status_badge_treatment | tinted pill bg rgb(230, 247, 236) | plain text, bg rgba(0, 0, 0, 0) radius 0px | DEVIATION |
| 65 | SCR_PROJECT_LIST | status_success_color | rgb(34, 158, 75) | rgb(18, 18, 18) | DEVIATION |
| 66 | SCR_EXPENSE_LIST | table_header_bg | rgb(247, 241, 233) | rgba(0, 0, 0, 0) | DEVIATION |
| 67 | SCR_EXPENSE_LIST | table_header_color | rgb(69, 40, 40) | rgb(69, 40, 40) | MATCH |
| 68 | SCR_EXPENSE_LIST | table_header_padding | 12px 24px | 12px 24px | MATCH |
| 69 | SCR_EXPENSE_LIST | table_row_divider | rgb(242, 242, 242) | rgb(229, 231, 235) | DEVIATION |
| 70 | SCR_EXPENSE_LIST | browser_tab_title | set (non-empty) | set (non-empty) | MATCH |
| 71 | SCR_EXPENSE_LIST | status_badge_treatment | tinted pill bg rgb(230, 247, 236) | plain text, bg rgba(0, 0, 0, 0) radius 0px | DEVIATION |
| 72 | SCR_USER_LIST | table_header_bg | rgb(247, 241, 233) | rgba(0, 0, 0, 0) | DEVIATION |
| 73 | SCR_USER_LIST | table_header_color | rgb(69, 40, 40) | rgb(69, 40, 40) | MATCH |
| 74 | SCR_USER_LIST | table_header_padding | 12px 24px | 12px 24px | MATCH |
| 75 | SCR_USER_LIST | table_row_divider | rgb(242, 242, 242) | rgb(229, 231, 235) | DEVIATION |
| 76 | SCR_USER_LIST | browser_tab_title | set (non-empty) | set (non-empty) | MATCH |
| 77 | SCR_EXPENSE_SUMMARY | table_header_bg | rgb(247, 241, 233) | rgba(0, 0, 0, 0) | DEVIATION |
| 78 | SCR_EXPENSE_SUMMARY | table_header_color | rgb(69, 40, 40) | rgb(69, 40, 40) | MATCH |
| 79 | SCR_EXPENSE_SUMMARY | table_header_padding | 12px 24px | 12px 24px | MATCH |
| 80 | SCR_EXPENSE_SUMMARY | table_row_divider | rgb(242, 242, 242) | rgb(229, 231, 235) | DEVIATION |
| 81 | SCR_EXPENSE_SUMMARY | browser_tab_title | set (non-empty) | set (non-empty) | MATCH |
| 82 | SCR_UOM_LIST | column_Symbol_removed | absent | present | DEVIATION |
| 83 | SCR_SUPPLIER_LIST | column_SupplierNo_removed | absent | present | DEVIATION |
| 84 | SCR_ITEM_LIST | column_ModelNo_removed | absent | absent | MATCH |
| 85 | SCR_ADD_ITEM | page_title_font | 20px/600 | 20px/600 | MATCH |
| 86 | SCR_ADD_ITEM | page_title_color | rgb(18, 18, 18) | rgb(18, 18, 18) | MATCH |
| 87 | SCR_ADD_ITEM | page_header_border | rgb(217, 217, 217) 1px | rgb(217, 217, 217) 1px | MATCH |
| 88 | SCR_ADD_ITEM | card_wrapper_removed | 0 | 0 | MATCH |
| 89 | SCR_ADD_ITEM | section_title_font | 14px/600 | 14px/600 | MATCH |
| 90 | SCR_ADD_ITEM | section_title_color | rgb(69, 40, 40) | rgb(69, 40, 40) | MATCH |
| 91 | SCR_ADD_ITEM | field_grid_display | flex | flex | MATCH |
| 92 | SCR_ADD_ITEM | field_grid_max_width | 772px | 772px | MATCH |
| 93 | SCR_ADD_ITEM | field_grid_gap_x | 24px | 24px | MATCH |
| 94 | SCR_ADD_ITEM | field_grid_gap_y | 16px | 16px | MATCH |
| 95 | SCR_ADD_ITEM | field_input_height | 44px | 38px | DEVIATION |
| 96 | SCR_ADD_ITEM | field_input_border | rgb(234, 234, 235) | rgb(234, 234, 235) | MATCH |
| 97 | SCR_ADD_ITEM | button_row_align | left-aligned | left-aligned | MATCH |
| 98 | SCR_ADD_ITEM | button_row_gap | 12px | 12px | MATCH |
| 99 | SCR_ADD_ITEM | save_button_bg | rgb(69, 40, 40) | rgb(69, 40, 40) | MATCH |
| 100 | SCR_ADD_ITEM | status_toggle_track | 40x24 switch | 16.0x16.0 checkbox | DEVIATION |
| 101 | SCR_ADD_SUPPLIER | page_title_font | 20px/600 | 20px/600 | MATCH |
| 102 | SCR_ADD_SUPPLIER | page_title_color | rgb(18, 18, 18) | rgb(18, 18, 18) | MATCH |
| 103 | SCR_ADD_SUPPLIER | page_header_border | rgb(217, 217, 217) 1px | rgb(217, 217, 217) 1px | MATCH |
| 104 | SCR_ADD_SUPPLIER | card_wrapper_removed | 0 | 0 | MATCH |
| 105 | SCR_ADD_SUPPLIER | section_title_font | 14px/600 | 14px/600 | MATCH |
| 106 | SCR_ADD_SUPPLIER | section_title_color | rgb(69, 40, 40) | rgb(69, 40, 40) | MATCH |
| 107 | SCR_ADD_SUPPLIER | field_grid_display | flex | flex | MATCH |
| 108 | SCR_ADD_SUPPLIER | field_grid_max_width | 772px | 772px | MATCH |
| 109 | SCR_ADD_SUPPLIER | field_grid_gap_x | 24px | 24px | MATCH |
| 110 | SCR_ADD_SUPPLIER | field_grid_gap_y | 16px | 16px | MATCH |
| 111 | SCR_ADD_SUPPLIER | field_input_height | 44px | 38px | DEVIATION |
| 112 | SCR_ADD_SUPPLIER | field_input_border | rgb(234, 234, 235) | rgb(234, 234, 235) | MATCH |
| 113 | SCR_ADD_SUPPLIER | button_row_align | left-aligned | left-aligned | MATCH |
| 114 | SCR_ADD_SUPPLIER | button_row_gap | 12px | 12px | MATCH |
| 115 | SCR_ADD_SUPPLIER | save_button_bg | rgb(69, 40, 40) | rgb(69, 40, 40) | MATCH |
| 116 | SCR_ADD_SUPPLIER | status_toggle_track | 40x24 switch | 16.0x16.0 checkbox | DEVIATION |
| 117 | SCR_ADD_UOM | page_title_font | 20px/600 | 20px/600 | MATCH |
| 118 | SCR_ADD_UOM | page_title_color | rgb(18, 18, 18) | rgb(18, 18, 18) | MATCH |
| 119 | SCR_ADD_UOM | page_header_border | rgb(217, 217, 217) 1px | rgb(217, 217, 217) 1px | MATCH |
| 120 | SCR_ADD_UOM | card_wrapper_removed | 0 | 0 | MATCH |
| 121 | SCR_ADD_UOM | section_title_font | 14px/600 | 14px/600 | MATCH |
| 122 | SCR_ADD_UOM | section_title_color | rgb(69, 40, 40) | rgb(69, 40, 40) | MATCH |
| 123 | SCR_ADD_UOM | field_grid_display | flex | flex | MATCH |
| 124 | SCR_ADD_UOM | field_grid_max_width | 772px | 772px | MATCH |
| 125 | SCR_ADD_UOM | field_grid_gap_x | 24px | 24px | MATCH |
| 126 | SCR_ADD_UOM | field_grid_gap_y | 16px | 16px | MATCH |
| 127 | SCR_ADD_UOM | field_input_height | 44px | 38px | DEVIATION |
| 128 | SCR_ADD_UOM | field_input_border | rgb(234, 234, 235) | rgb(234, 234, 235) | MATCH |
| 129 | SCR_ADD_UOM | button_row_align | left-aligned | left-aligned | MATCH |
| 130 | SCR_ADD_UOM | button_row_gap | 12px | 12px | MATCH |
| 131 | SCR_ADD_UOM | save_button_bg | rgb(69, 40, 40) | rgb(69, 40, 40) | MATCH |
| 132 | SCR_ADD_UOM | status_toggle_track | 40x24 switch | 16.0x16.0 checkbox | DEVIATION |
| 133 | SCR_ADD_PROJECT | page_title_font | 20px/600 | 20px/600 | MATCH |
| 134 | SCR_ADD_PROJECT | page_title_color | rgb(18, 18, 18) | rgb(18, 18, 18) | MATCH |
| 135 | SCR_ADD_PROJECT | page_header_border | rgb(217, 217, 217) 1px | rgb(217, 217, 217) 1px | MATCH |
| 136 | SCR_ADD_PROJECT | card_wrapper_removed | 0 | 0 | MATCH |
| 137 | SCR_ADD_PROJECT | section_title_font | 14px/600 | 14px/600 | MATCH |
| 138 | SCR_ADD_PROJECT | section_title_color | rgb(69, 40, 40) | rgb(69, 40, 40) | MATCH |
| 139 | SCR_ADD_PROJECT | field_grid_display | flex | flex | MATCH |
| 140 | SCR_ADD_PROJECT | field_grid_max_width | 772px | 772px | MATCH |
| 141 | SCR_ADD_PROJECT | field_grid_gap_x | 24px | 24px | MATCH |
| 142 | SCR_ADD_PROJECT | field_grid_gap_y | 16px | 16px | MATCH |
| 143 | SCR_ADD_PROJECT | field_input_height | 44px | 38px | DEVIATION |
| 144 | SCR_ADD_PROJECT | field_input_border | rgb(234, 234, 235) | rgb(234, 234, 235) | MATCH |
| 145 | SCR_ADD_PROJECT | button_row_align | left-aligned | left-aligned | MATCH |
| 146 | SCR_ADD_PROJECT | button_row_gap | 12px | 12px | MATCH |
| 147 | SCR_ADD_PROJECT | save_button_bg | rgb(69, 40, 40) | rgb(69, 40, 40) | MATCH |
| 148 | SCR_ADD_PROJECT | status_toggle_track | 40x24 switch | 16.0x16.0 checkbox | DEVIATION |
| 149 | SCR_ADD_USER | page_title_font | 20px/600 | 20px/600 | MATCH |
| 150 | SCR_ADD_USER | page_title_color | rgb(18, 18, 18) | rgb(18, 18, 18) | MATCH |
| 151 | SCR_ADD_USER | page_header_border | rgb(217, 217, 217) 1px | rgb(217, 217, 217) 1px | MATCH |
| 152 | SCR_ADD_USER | card_wrapper_removed | 0 | 0 | MATCH |
| 153 | SCR_ADD_USER | section_title_font | 14px/600 | 14px/600 | MATCH |
| 154 | SCR_ADD_USER | section_title_color | rgb(69, 40, 40) | rgb(69, 40, 40) | MATCH |
| 155 | SCR_ADD_USER | field_grid_display | flex | flex | MATCH |
| 156 | SCR_ADD_USER | field_grid_max_width | 772px | 772px | MATCH |
| 157 | SCR_ADD_USER | field_grid_gap_x | 24px | 24px | MATCH |
| 158 | SCR_ADD_USER | field_grid_gap_y | 16px | 16px | MATCH |
| 159 | SCR_ADD_USER | field_input_height | 44px | 38px | DEVIATION |
| 160 | SCR_ADD_USER | field_input_border | rgb(234, 234, 235) | rgb(234, 234, 235) | MATCH |
| 161 | SCR_ADD_USER | button_row_align | left-aligned | left-aligned | MATCH |
| 162 | SCR_ADD_USER | button_row_gap | 12px | 12px | MATCH |
| 163 | SCR_ADD_USER | save_button_bg | rgb(69, 40, 40) | rgb(69, 40, 40) | MATCH |
| 164 | SCR_ADD_USER | status_toggle_track | 40x24 switch | 16.0x16.0 checkbox | DEVIATION |
| 165 | SCR_ADD_EXPENSE | page_title_font | 20px/600 | 20px/600 | MATCH |
| 166 | SCR_ADD_EXPENSE | page_title_color | rgb(18, 18, 18) | rgb(18, 18, 18) | MATCH |
| 167 | SCR_ADD_EXPENSE | page_header_border | rgb(217, 217, 217) 1px | rgb(217, 217, 217) 1px | MATCH |
| 168 | SCR_ADD_EXPENSE | card_wrapper_removed | 0 | 0 | MATCH |
| 169 | SCR_ADD_EXPENSE | section_title_font | 14px/600 | 14px/600 | MATCH |
| 170 | SCR_ADD_EXPENSE | section_title_color | rgb(69, 40, 40) | rgb(69, 40, 40) | MATCH |
| 171 | SCR_ADD_EXPENSE | field_grid_display | flex | grid | DEVIATION |
| 172 | SCR_ADD_EXPENSE | field_grid_max_width | 772px | none | DEVIATION |
| 173 | SCR_ADD_EXPENSE | field_grid_gap_x | 24px | 16px | DEVIATION |
| 174 | SCR_ADD_EXPENSE | field_grid_gap_y | 16px | 16px | MATCH |
| 175 | SCR_ADD_EXPENSE | field_input_height | 44px | 38px | DEVIATION |
| 176 | SCR_ADD_EXPENSE | field_input_border | rgb(234, 234, 235) | rgb(234, 234, 235) | MATCH |
| 177 | SCR_ADD_EXPENSE | button_row_align | left-aligned | flex-end | DEVIATION |
| 178 | SCR_ADD_EXPENSE | button_row_gap | 12px | 8px | DEVIATION |
| 179 | SCR_ADD_EXPENSE | save_button_bg | rgb(69, 40, 40) | rgb(69, 40, 40) | MATCH |
| 180 | SCR_ADD_UOM | field_Symbol_removed | absent | present | DEVIATION |
| 181 | SCR_ADD_SUPPLIER | field_SupplierNo_removed | absent | present | DEVIATION |
| 182 | SCR_ADD_ITEM | field_ModelNo_removed | absent | absent | MATCH |
| 183 | SCR_ADD_EXPENSE | attachment_empty_box_border | 1px dashed rgb(201, 201, 201) | 1px dashed rgb(201, 201, 201) | MATCH |
| 184 | SCR_ADD_EXPENSE | attachment_empty_box_radius | 5px | 5px | MATCH |
| 185 | SCR_ORDER_DETAIL | page_header_border | rgb(217, 217, 217) 1px | rgb(217, 217, 217) 1px | MATCH |
| 186 | SCR_ORDER_DETAIL | info_card_bg | rgb(247, 241, 233) | rgb(247, 241, 233) | MATCH |
| 187 | SCR_ORDER_DETAIL | info_card_radius | 8px | 8px | MATCH |
| 188 | SCR_ORDER_DETAIL | info_card_padding | 24px | 24px | MATCH |
| 189 | SCR_ORDER_DETAIL | info_grid_columns | 4 columns | 4 columns | MATCH |
| 190 | SCR_ORDER_DETAIL | info_grid_gap_x | 24px | 24px | MATCH |
| 191 | SCR_ORDER_DETAIL | info_grid_gap_y | 16px | 16px | MATCH |
| 192 | SCR_ORDER_DETAIL | info_label_color | rgb(86, 86, 86) | rgb(86, 86, 86) | MATCH |
| 193 | SCR_ORDER_DETAIL | info_label_font_size | 12px | 12px | MATCH |
| 194 | SCR_ORDER_LIST | no_horizontal_page_overflow@sm | 0px overflow | 589px overflow | DEVIATION |
| 195 | SCR_ITEM_LIST | no_horizontal_page_overflow@sm | 0px overflow | 145px overflow | DEVIATION |
| 196 | SCR_UOM_LIST | no_horizontal_page_overflow@sm | 0px overflow | 67px overflow | DEVIATION |
| 197 | SCR_SUPPLIER_LIST | no_horizontal_page_overflow@sm | 0px overflow | 463px overflow | DEVIATION |
| 198 | SCR_ADD_ITEM | no_horizontal_page_overflow@sm | 0px overflow | 14px overflow | DEVIATION |
| 199 | SCR_ADD_USER | no_horizontal_page_overflow@sm | 0px overflow | 14px overflow | DEVIATION |
| 200 | SCR_ORDER_DETAIL | no_horizontal_page_overflow@sm | 0px overflow | 205px overflow | DEVIATION |
| 201 | SCR_ADD_EXPENSE | no_horizontal_page_overflow@sm | 0px overflow | 38px overflow | DEVIATION |
| 202 | SCR_ORDER_LIST | no_horizontal_page_overflow@md | 0px overflow | 461px overflow | DEVIATION |
| 203 | SCR_ITEM_LIST | no_horizontal_page_overflow@md | 0px overflow | 17px overflow | DEVIATION |
| 204 | SCR_SUPPLIER_LIST | no_horizontal_page_overflow@md | 0px overflow | 335px overflow | DEVIATION |
| 205 | SCR_ORDER_DETAIL | no_horizontal_page_overflow@md | 0px overflow | 77px overflow | DEVIATION |
| 206 | SCR_ORDER_LIST | no_horizontal_page_overflow@lg | 0px overflow | 205px overflow | DEVIATION |
| 207 | SCR_SUPPLIER_LIST | no_horizontal_page_overflow@lg | 0px overflow | 79px overflow | DEVIATION |
Summary
-
expected_fields_total: 207 - deviations: 63
- diff ratio: %.4f vs
graph.yamlvisual_verification.max_diff_ratio= 0.1 -> FAIL
Deviations grouped (distinct cause)
| field | expected | actual | screens |
|---|---|---|---|
| table_header_bg | rgb(247, 241, 233) | rgba(0, 0, 0, 0) | SCR_EXPENSE_LIST, SCR_EXPENSE_SUMMARY, SCR_ITEM_LIST, SCR_ORDER_LIST, SCR_PROJECT_LIST, SCR_SUPPLIER_LIST, SCR_UOM_LIST, SCR_USER_LIST |
| table_row_divider | rgb(242, 242, 242) | rgb(229, 231, 235) | SCR_EXPENSE_LIST, SCR_EXPENSE_SUMMARY, SCR_ITEM_LIST, SCR_ORDER_LIST, SCR_PROJECT_LIST, SCR_SUPPLIER_LIST, SCR_UOM_LIST, SCR_USER_LIST |
| filter_input_height | 44px | 30px | SCR_ITEM_LIST, SCR_ORDER_LIST |
| search_collapsed_40x40_toggle | present | absent (input always expanded) | SCR_ITEM_LIST, SCR_ORDER_LIST |
| status_badge_treatment | tinted pill bg rgb(230, 247, 236) | plain text, bg rgba(0, 0, 0, 0) radius 0px | SCR_EXPENSE_LIST, SCR_ITEM_LIST, SCR_ORDER_LIST, SCR_PROJECT_LIST, SCR_SUPPLIER_LIST, SCR_UOM_LIST |
| status_success_color | rgb(34, 158, 75) | rgb(18, 18, 18) | SCR_PROJECT_LIST, SCR_SUPPLIER_LIST, SCR_UOM_LIST |
| column_Symbol_removed | absent | present | SCR_UOM_LIST |
| column_SupplierNo_removed | absent | present | SCR_SUPPLIER_LIST |
| field_input_height | 44px | 38px | SCR_ADD_EXPENSE, SCR_ADD_ITEM, SCR_ADD_PROJECT, SCR_ADD_SUPPLIER, SCR_ADD_UOM, SCR_ADD_USER |
| status_toggle_track | 40x24 switch | 16.0x16.0 checkbox | SCR_ADD_ITEM, SCR_ADD_PROJECT, SCR_ADD_SUPPLIER, SCR_ADD_UOM, SCR_ADD_USER |
| field_grid_display | flex | grid | SCR_ADD_EXPENSE |
| field_grid_max_width | 772px | none | SCR_ADD_EXPENSE |
| field_grid_gap_x | 24px | 16px | SCR_ADD_EXPENSE |
| button_row_align | left-aligned | flex-end | SCR_ADD_EXPENSE |
| button_row_gap | 12px | 8px | SCR_ADD_EXPENSE |
| field_Symbol_removed | absent | present | SCR_ADD_UOM |
| field_SupplierNo_removed | absent | present | SCR_ADD_SUPPLIER |
| no_horizontal_page_overflow | 0px overflow | 589px overflow | SCR_ORDER_LIST |
| no_horizontal_page_overflow | 0px overflow | 145px overflow | SCR_ITEM_LIST |
| no_horizontal_page_overflow | 0px overflow | 67px overflow | SCR_UOM_LIST |
| no_horizontal_page_overflow | 0px overflow | 463px overflow | SCR_SUPPLIER_LIST |
| no_horizontal_page_overflow | 0px overflow | 14px overflow | SCR_ADD_ITEM, SCR_ADD_USER |
| no_horizontal_page_overflow | 0px overflow | 205px overflow | SCR_ORDER_DETAIL, SCR_ORDER_LIST |
| no_horizontal_page_overflow | 0px overflow | 38px overflow | SCR_ADD_EXPENSE |
| no_horizontal_page_overflow | 0px overflow | 461px overflow | SCR_ORDER_LIST |
| no_horizontal_page_overflow | 0px overflow | 17px overflow | SCR_ITEM_LIST |
| no_horizontal_page_overflow | 0px overflow | 335px overflow | SCR_SUPPLIER_LIST |
| no_horizontal_page_overflow | 0px overflow | 77px overflow | SCR_ORDER_DETAIL |
| no_horizontal_page_overflow | 0px overflow | 79px overflow | SCR_SUPPLIER_LIST |
- « Previous
- 1
- …
- 6
- 7
- 8
- Next »