Skip to content
This repository has been archived by the owner on Dec 11, 2019. It is now read-only.

Update sortableTable styles to be consistent #4509

Merged
merged 1 commit into from
Oct 4, 2016
Merged

Update sortableTable styles to be consistent #4509

merged 1 commit into from
Oct 4, 2016

Conversation

bsclifton
Copy link
Member

  • Submitted a ticket for my issue if one did not already exist.
  • Used Github auto-closing keywords in the commit message.
  • Added/updated tests for this change (for new code or code which already has tests). N/A (CSS change)
  • Ran git rebase -i to squash commits (if needed).

Update sortableTable styles to be consistent

  • Preferences > search no longer has cell padding (matches history)
  • Preferences > search columns resized to allow for up/down chevron (sort)
  • All: updated new th-inner style added w/ Brave payments: Line should always appear when user scroll down #4395 to be inline-block to allow for up/down chevron (sort)
  • removes border radius from top left and top right (didn't look correct anymore with the new 1px border on top)
  • styles now mark headers on preferences as non-selectable and leaves cursor as default (to remain app-like)

Fixes #4492
Fixes #4493

Auditors: @bbondy @bradleyrichter

Test Plan

  1. Launch Brave and open history- check out styles
  2. Open preferences and check out styles on Search page
  • mouse over any section titles; notice cursor doesn't change anymore
    3) Check out styles on Payments page
  • mouse over column header; notice cursor doesn't change anymore

Screenshots (the important part!)

Search screen updates (#4493)

Before
screen shot 2016-10-04 at 1 38 30 am

After
screen shot 2016-10-04 at 11 06 38 am

Fixing the column style issue (#4492)

Before
screen shot 2016-10-04 at 1 03 12 am

After
screen shot 2016-10-04 at 11 08 29 am

Border radius update

Before
N/A- style was changed when fixing #4493

After (zoomed in to show pixels)
screen shot 2016-10-04 at 11 10 08 am

Updates to text selection

Screenshots show what happens if you click and drag to try to select all text on the screen

Before
before

After
screen shot 2016-10-04 at 11 13 14 am

- Preferences > search no longer has cell padding (matches history)
- Preferences > search columns resized to allow for up/down chevron (sort)
- All: updated new th-inner style added w/ #4395 to be inline-block to allow for up/down chevron (sort)
- removes border radius from top left and top right (didn't look correct anymore with the new 1px border on top)
- styles now mark headers on preferences as non-selectable and leaves cursor as default (to remain app-like)

Fixes #4492
Fixes #4493

Auditors: @bbondy @bradleyrichter

Test Plan:
1) Launch Brave and open history- check out styles
2) Open preferences and check out styles on Search page
3) Check out styles on Payments page
@bsclifton bsclifton added this to the 0.12.4dev milestone Oct 4, 2016
}
}
}
height: 500px;
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this was MOSTLY just a spacing issue (everything was off by 1 space; git didn't intelligently realize that)

@bbondy
Copy link
Member

bbondy commented Oct 4, 2016

great screenshots, thanks

@bbondy bbondy merged commit fc03b69 into brave:master Oct 4, 2016
@bsclifton bsclifton deleted the fix-sortable-table-column-header branch October 4, 2016 23:14
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Style needs update on preferences > search History columns have style issues
3 participants