Last modified by Ecaterina Moraru (Valica) on 2018/03/30 07:53

Show last authors
1 {{toc start="2"/}}
2
3 = Proposal =
4
5 == Homepage ==
6
7 (% class="row" %)
8 (((
9 (% class="col-xs-12 col-sm-4" %)
10 (((
11 * Replace the livetable and provide a grid with different extension sections
12 * Provide 3 different styles to display extensions depending on the importance / priority (big, medium, small layout)
13 * Add colors and dedicated icons for each extension
14 )))
15
16 (% class="col-xs-12 col-sm-4" %)
17 (((
18 Before
19 [[[[image:before.png||width="100%"]]>>attach:before.png]]
20 )))
21
22 (% class="col-xs-12 col-sm-4" %)
23 (((
24 After
25 [[[[image:after.png||width="100%"]]>>attach:after.png]]
26 )))
27 )))
28
29 == Search ==
30
31 (% class="row" %)
32 (((
33 (% class="col-xs-12 col-sm-4" %)
34 (((
35 * Provide a custom search for the extensions
36 * Provide dedicated facets
37 * Display the extensions in a grid manner
38 )))
39
40 (% class="col-xs-12 col-sm-4" %)
41 (((
42 [[[[image:beforeSearch.png||width="100%"]]>>attach:beforeSearch.png]]
43 )))
44
45 (% class="col-xs-12 col-sm-4" %)
46 (((
47 [[[[image:afterSearch.png||width="100%"]]>>attach:afterSearch.png]]
48 )))
49 )))
50
51 == Details ==
52
53 (% class="row" %)
54 (((
55 (% class="col-xs-12 col-sm-4" %)
56 (((
57 * Having colors for each extensions gives a more vivid look, plus help the users quickly identify and differentiate between extensions
58 * As a fallback we could provide a default icon and a background gradient
59 * But extension contributors should be encouraged to add their own colors and icons
60 * Current requirements
61 ** Icon (+name, +description)
62 * Minimum requirements
63 ** Icon + Color || Image (we could extract the color from the image)
64 * Maximum requirements
65 ** Icon + 2 Colors + Primary screenshot
66 )))
67
68 (% class="col-xs-12 col-sm-4" %)
69 (((
70 Fallback
71 [[[[image:overview_mono.png||width="100%"]]>>attach:overview_mono.png]]
72 )))
73
74 (% class="col-xs-12 col-sm-4" %)
75 (((
76 Customizations
77 [[[[image:overview_color.png||width="100%"]]>>attach:overview_color.png]]
78 )))
79 )))
80
81 (% class="row" %)
82 (((
83 (% class="col-xs-12 col-sm-4" %)
84 (((
85
86 )))
87
88 (% class="col-xs-12 col-sm-4" %)
89 (((
90 [[[[image:mini_mono.png||width="100%"]]>>attach:mini_mono.png]]
91 )))
92
93 (% class="col-xs-12 col-sm-4" %)
94 (((
95 [[[[image:mini_color.png||width="100%"]]>>attach:mini_color.png]]
96 )))
97 )))
98
99 (% class="row" %)
100 (((
101 (% class="col-xs-12 col-sm-4" %)
102 (((
103
104 )))
105
106 (% class="col-xs-12 col-sm-8" %)
107 (((
108 [[[[image:medium_icon.png||width="50%" style="margin: 0 25%;"]]>>attach:medium_icon.png]]
109 )))
110 )))

Get Connected