Project

General

Profile

Actions

Task #2977

closed

Material-UI - Restyle a SelecBox component

Added by Vít Švanda over 2 years ago. Updated over 2 years ago.

Status:
Closed
Priority:
Normal
Assignee:
Radek Tomiška
Category:
UX
Target version:
Start date:
10/08/2021
Due date:
% Done:

100%

Estimated time:
Owner:

Related issues

Related to IdStory Identity Manager - Task #2885: Frontend: Use Material-UI componentsClosedRadek Tomiška07/12/2021

Actions
Actions #1

Updated by Vít Švanda over 2 years ago

  • % Done changed from 0 to 70

First version is done. I needed to use dynamic style (JSS). For that I found solution how use material styles in Class React component. Component have to be wrapped to material component (withStyle).

  • SelectBox and EnumSelectBox supports dynamic thema change now.
  • Improved focus style.
  • Improved validation error.
  • Fixed problem with focusing by keyboard.
  • Fixed problem with absolute position of select box menu. I did not found universal way so I fixed it only on ReportTable (new parameter 'positionRelative').

Remains: Fix others select box components (FilterSelectBox ....).

Commit: https://github.com/bcvsolutions/CzechIdMng/commit/ae312e93f6b1560b6e0577045fd931fb9660a887

Actions #2

Updated by Radek Tomiška over 2 years ago

  • Related to Task #2885: Frontend: Use Material-UI components added
Actions #3

Updated by Vít Švanda over 2 years ago

  • % Done changed from 70 to 90
Actions #4

Updated by Vít Švanda over 2 years ago

Selectbox supports disable style now.
I replaced control-label style by JSS dynamic variant.

Commit: https://github.com/bcvsolutions/CzechIdMng/commit/20756d702d79ce5a4a62c2d9b3dc0d3fff614c45

Actions #5

Updated by Radek Tomiška over 2 years ago

  • Assignee changed from Vít Švanda to Radek Tomiška
  • % Done changed from 90 to 70
Actions #6

Updated by Radek Tomiška over 2 years ago

  • Status changed from In Progress to Resolved
  • % Done changed from 70 to 100

I did test and code review, it works, thx!

Actions #7

Updated by Radek Tomiška over 2 years ago

  • Status changed from Resolved to Closed
Actions

Also available in: Atom PDF