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
# for free to subscribe to this conversation on GitHub. Already have an account? #.
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