Project

General

Profile

Actions
Copy link

Task #88

closed

Component BasicTable - responsive design support

Added by Radek Tomiška over 7 years ago. Updated over 7 years ago.

Status:
Closed
Priority:
Normal
Assignee:
Ondřej Kopr
Category:
Frontend
Target version:
Beryl
Start date:
08/09/2016
Due date:
% Done:

100%

Estimated time:
Owner:

Description

Desing + Development

Files

Download all files
1imd.png (8.19 KB) 1imd.png Ondřej Kopr, 11/23/2016 02:57 PM
2imd.png (8.46 KB) 2imd.png Ondřej Kopr, 11/23/2016 02:57 PM
idm1.png (23.3 KB) idm1.png Ondřej Kopr, 11/24/2016 08:12 AM
Actions
Copy link
 #1

Updated by Ondřej Kopr over 7 years ago

  • Status changed from New to In Progress
  • Assignee set to Ondřej Kopr
Actions
Copy link
 #2

Updated by Ondřej Kopr over 7 years ago

  • Status changed from In Progress to Needs feedback
  • Assignee changed from Ondřej Kopr to Radek Tomiška
  • % Done changed from 0 to 90
  • Into advance table less add 
      max-width: 100%;
  overflow-x: auto;

Please chceck if this is sufficient. Test on Google Chrome and Firefox

Actions
Copy link
 #3

Updated by Radek Tomiška over 7 years ago

  • Status changed from Needs feedback to In Progress
  • Assignee changed from Radek Tomiška to Ondřej Kopr

Its nice. Please add this nice feture to BasicTable too and repair scroller on tables on detail (e.g. profile - subordinates)

Actions
Copy link
 #4

Updated by Ondřej Kopr over 7 years ago

  • Add same solution for BasicTable.
  • Scroller on some tables detail is caused that table is in panel. Have class from panel see pic.
    .panel.no-border *>.basic-toolbar {
    padding-left: 0;
    padding-right: 0;
}

When i remove padding-right: 0; its everythink ok but filter button is not aligned pic

Please add me same consult for this solutions thank you.

Actions
Copy link
 #5

Updated by Ondřej Kopr over 7 years ago

  • Status changed from In Progress to Needs feedback
  • Assignee changed from Ondřej Kopr to Radek Tomiška
Actions
Copy link
 #6

Updated by Radek Tomiška over 7 years ago

  • Status changed from Needs feedback to In Progress
  • Assignee changed from Radek Tomiška to Ondřej Kopr

Scrollbar is more ugly (team consensus) :) But padding has to be same on left and right side at least :)

Actions
Copy link
 #7

Updated by Ondřej Kopr over 7 years ago

  • File idm1.png idm1.png added
  • Status changed from In Progress to Needs feedback
  • Assignee changed from Ondřej Kopr to Radek Tomiška

Thank you for response.

  • Remove overflow-x: auto; from advance table and add it only to basic table,
  • fix alert padding. See pic.

Scrollbar now works properly

Actions
Copy link
 #8

Updated by Radek Tomiška over 7 years ago

  • Status changed from Needs feedback to Closed
  • Assignee changed from Radek Tomiška to Ondřej Kopr
  • % Done changed from 90 to 100

Its awesome, thx. I just fix alert padding - now should be the same on all places.

Actions
Copy link

Also available in: Atom PDF