View Issue Details

IDProjectCategoryView StatusLast Update
0014160MMW 5Skinspublic2017-06-21 01:59
Reporterjiri Assigned To 
PriorityurgentSeverityminorReproducibilityalways
Status closedResolutionfixed 
Summary0014160: Material skin issues
Description1) Search dropdown in the toolbar uses black font (unlike the rest of the toolbar, which is white).

2) Text in listviews (e.g. All tracks) is rather too high in each row.

3) Pop-up menus have different left-align of items with a checkbox and others. E.g. View main menu shows this problem well.

4) Tabs shown next to the Main menu have slightly different color.

5) Main menu and Toolbar hovered items are grey, should rather have a different purple shade?

6) Tab are colored incorrectly e.g. in Properties dialog.

7) Buttons, particularly the shade of the Default button, don't seem to be skinned according to Material design

Further items according to guidelines ( https://material.io/guidelines/ )

8) Dropdowns should be styled by MD

9) Heading texts should be aligned according to guidelines

10) Buttons should have text in capitals

11) Menus should be layered (with shadows)

12) Checkboxes without border in menus

13) Active tab underlined

14) Checkbox and Radio button MD style

15) Window bar should looks like this https://dribbble.com/shots/2317658-Desktop-material-design-ripples

16) Body text should have opacity 87%

17) Tooltip MD style

18) Tool buttons in NP and A&D header are misaligned

19) Expand icons in menu and tree are too small

20) Tab name is truncated

21) Tool buttons outside of toolbar disappears on mouse hover

22) Progress bar text is black and thus not visible on the player

23) Tree level indent in the media tree and tree components is not correct

24) Tracklist header changes position when hovered by mouse (e.g. All tracks).

25) Dim the main window when opening dialog, see https://material.angularjs.org/latest/demo/dialog

26) Dropdown lists should have a border, currently the items in an opened dropdown are easily overlooked.

27) Touch mode should be adjusted according to MD style (font-size, padding)

28) Checkboxes in dropdown list are not aligned correctly

29) Active item in menu > View > Skin is not highlighted (is grey)

30) Box shadow on hovered card has truncated top and bottom edge (e.g. in Home view)
Additional Informationhttps://material.io/guidelines/
https://material.angularjs.org/latest/demo/checkbox
TagsNo tags attached.
Fixed in build2066

Relationships

related to 0014168 closedpetr Issues with borderless skins 
related to 0014184 closedpetr Possibility to define layout properties per skin 

Activities

Ludek

2017-03-31 10:04

developer   ~0047688

Last edited: 2017-03-31 14:34

Items 1,2,3,5,6,7 are fixed

petr

2017-03-31 10:22

developer   ~0047690

Item 4 fixed

Ludek

2017-04-01 09:31

developer   ~0047703

Last edited: 2017-04-24 14:52

Items 8,9,10,12,13,14,15,17,18,19,20,21,22,23,24,25,26,27,28,29,30 fixed.

11) is tracked as item 5) here 0014168

petr

2017-04-19 09:12

developer   ~0047802

31) wrong tooltip size on 'progress' circle
32) progress container is half visible (at the most bottom of the window)

Ludek

2017-04-23 20:31

developer   ~0047829

Last edited: 2017-04-24 16:25

33) Description of episode in the episode list is truncated
34) Second "small text" line on image grids is truncated

Ludek

2017-04-23 22:14

developer   ~0047830

Fixed in 2065

Ludek

2017-05-02 15:24

developer   ~0047891

35) Checkbox in list-view header not aligned correctly
=> Fixed in 2066

peke

2017-06-21 01:59

developer   ~0048201

Verified 2068