Resolved Compact List Layout on Mobile view is so close to each other

Discussion in '[bd] Widget Framework' started by RoldanLT, Nov 6, 2016.

  1. RoldanLT

    RoldanLT Active Member

    #1 , Nov 6, 2016
    Compact List layout is great on Desktop view.
    But on Mobile View, Thread titles are so close to each other.

    How to give it a little space?
    Margin and Padding doesn't work on it.
    HTML:
    .WidgetFramework_WidgetRenderer_Threads_ListCompact>ol>li
     
  2. xfrocks

    xfrocks XenForo rocks!
    Staff Member

    #2 xfrocks, Nov 7, 2016
    Can you provide a screenshot. Technically applying css rules on them should work though.
     
  3. RoldanLT

    RoldanLT Active Member

    #3 RoldanLT, Nov 7, 2016
    Last edited: Nov 7, 2016
    This one Sir.
     
  4. xfrocks

    xfrocks XenForo rocks!
    Staff Member

    #4 xfrocks, Nov 7, 2016
    I think you can do something like this


    Code:
    @media screen and max-width (width: somewidth) {
.WidgetFramework_WidgetRenderer_Threads_ListCompact .title { padding-bottom: 5px; }
}
     
    RoldanLT likes this.
  5. RoldanLT

    RoldanLT Active Member

    #5 RoldanLT, Nov 7, 2016
    Last edited: Nov 7, 2016
    Thanks!
    Works great.
    Code:
    @media (max-width:@maxResponsiveMediumWidth) {
.WidgetFramework_WidgetRenderer_Threads_ListCompact .title { padding-bottom: 5px; }
}
     
    xfrocks likes this.
Loading...