Design
 Idea
  • Open XWIKI-12011 Make Extension - Distribution responsive on mobile
 
 

Description

Overview

Small improvements mostly related to layout changes for ratings, the display of price for payed extensions, replacing the Silk icons with FontAwesome and experimenting with a custom Theme styling.

Before
before.png

After - Charcoal Theme styling
after.png

After - Custom Theme styling
afterTheme.png

Ratings

  • Better position for Ratings
  • Aligned with Recommended
  • Replaced custom icons with Font Awesome stars
  • Better display for number of votes

Before
beforeRatings.png

After
afterRatings.png

Price

  • Displaying the price for the payed extensions on the first position

Before
beforePrice.png

After
afterPrice.png

Status

  • Status displayed on the second position, after Price
  • Status aligned with Authors

Before
beforeStatus.png

After
afterStatus.png

Actions

  • Action buttons displayed at the bottom of the extension

Before
beforeActions.png

After
afterActions.png

Details

  • Improved borders and spacing
  • Replaced the Silk icons with Font Awesome
  • Standardised icons to a single icon

Before
beforeDetails1.png

After
afterDetails1.png

Before
beforeDetails.png

After
afterDetails.png

Mobile

After
mobile.png


 

Tags:
Created by Ecaterina Moraru (Valica) on 2017/10/05 14:16
    

Get Connected