Support CSS Containment Property

Discussion in 'Suggestions' started by eva2000, Aug 26, 2016.

  1. eva2000

    eva2000 Customer

    For styles' CSS maybe look at adding CSS Containment property support http://news.softpedia.com/news/chro...ment-and-performance-measurement-506482.shtml

     
    Alfa1, WoodiE and Chris like this.
  2. Chris

    Chris Customer

    I support this!
     
  3. Russ

    Russ Designer

    Thanks I'll read up on it and see what I can find out in regards to XF.
     
    eva2000 likes this.
  4. eva2000

    eva2000 Customer

    cheers Russ from the first link https://justmarkup.com/log/2016/04/css-containment/ for off canvas css as i understand it would be something like the following for FA+ i suppose

    Code:
    Copy Source
    @media (max-width: 800px)
    .xbOffCanvasContainer.marginLeft {
        overflow-y: auto;
        position: relative;
        transition: 300ms ease all;
        margin-left: 250px;
        contain: paint;
    }
    
    @media (max-width: 800px)
    .xbOffCanvasContainer {
        overflow: hidden;
        transition: 300ms ease all;
        width: 100%;
        contain: paint;
    }
    no idea just stabbing in the dark heh

     
  5. eva2000

    eva2000 Customer

    more stabbing in the dark, added css containment to sidebar, notices node level 1 and xbnotice wrappers just to see what it does

    upload_2016-10-17_15-48-48.png

    upload_2016-10-17_15-50-23.png
     
    Alfa1 likes this.
  6. eva2000

    eva2000 Customer

    Quicky bump :)
     

Let's work together on your next project

Contact us today to talk about how we can help you

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.