• REGISTRATION REQUIREMENTS:

    Your username here MUST MATCH your XenForo username (connected to your XF license).

    Once you have registered here, then you need to start a conversation at xenforo.com w/Bob and provide the following:
    1. Your XenForo License Validation Token
    2. The Domain Name associated with the License
    NOTE: Your account will be validated once ALL requirements are verified/met. Thank you for your patience.

Implemented Responsive Support

This suggestion has been implemented. Votes are no longer accepted.
Pickem is now 100% responsive (see the below screenshot examples).



leaderboard.PNG


The NARROW breakpoint uses the Team Abbr for the listing as well as reduces some padding.

picks_edit.PNG

picks.PNG

The Medium breakpoint uses the Team Nickname for the listing

picks_medium.PNG

The Wideview and greater uses the Team City and Team Nickname for the listing

picks_wide.PNG
 
I should note that the Team Icon sizes are reduced at the Medium and Narrow break points with max-width and max-height settings so that your ginormous team logos don't break the layouts lol
 
As mentioned above, there are now max-width and max-height settings for Team Logos at each responsive break point. This is to prevent layouts from breaking (specially the narrow view).

There is now a default max-width: 60px and max-height: 60px for logos on the Manage Your Picks and Edit Picks pages . This still gives a decent sized largish image in desktop mode (as seen below).

logos-wide.PNG

At the first responsive break point (wide), the max width and height are decreased to 48x48 (max-width: 48px and max-height: 48px)
logos-wide-break-point.PNG

At the next responsive break point (medium), the max width and height are decreased to 32x32 (max-width: 32px and max-height: 32px)
logos-medium-break-point.PNG

At the last responsive break point (narrow), the max width and height are decreased to 25x25 (max-width: 25px and max-height: 25px)
logos-narrow-break-point.PNG
 
Back
Top