HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

Removing fixed width

This discussion is related to the FlatVI addon.
TamaTama United Kingdom ✭✭✭
edited July 2013 in Feedback

I recently added some css to force fixed width, in an attempt to keep the page tidy when resizing browsers.
If you don't like these changes open design/custom.css and remove the following lines of css

@media (min-width: 1921px)  {
      #Frame {
        position: absolute;
    width: 100%;
    margin: auto;

  }
}
@media (min-width: 1920px)  {
      #Frame {
        position: absolute;
        width: 1918px;
        margin: auto;

      }
}
@media (max-width: 1680px) and (min-width: 1601px)  {
      #Frame {
        position: absolute;
        width: 1678px;
        margin: auto;

      }
}
@media (max-width: 1600px) and (min-width: 1441px)  {
      #Frame {
        position: absolute;
        width: 1589px;
        margin: auto;

      }
}
@media (max-width: 1440px and (min-width: 1367px))  {
      #Frame {
        position: absolute;
        width: 1429px;
        margin: auto;

      }
}
@media (max-width: 1366px) and (min-width: 1365px)  {
      #Frame {
        position: absolute;
        width: 1355px;
        margin: auto;

      }
}
@media (max-width: 1360px) and (min-width: 1281px)  {
      #Frame {
        position: absolute;
        width: 1349px;
        margin: auto;

      }
}
@media (max-width: 1280px) and (min-width: 1153px)  {
      #Frame {
        position: absolute;
        width: 1269px;
        margin: auto;

      }
}
@media (max-width: 1152px) and (min-width: 1025px)  {
      #Frame {
        position: absolute;
        width: 1141px;
        margin: auto;

      }
}
@media (max-width: 1024px)  {
      #Frame {
        position: absolute;
        width: 1013px;
        margin: auto;

      }
}
Tagged:
hgtonight

Comments

  • TamaTama United Kingdom ✭✭✭
    edited July 2013

    following recent changes you will also need to navigate to views/default.master.tpl and remove the following lines

       <script>
       // Scrollbar Fix, assembled from StackOverflow
       $(window).scroll(function(){
         if(isPageScrolling()){
           $('head').append('<link rel="stylesheet" href="//cdn.tama63.co.uk/van/scrollbar.css" type="text/css"  />');
         }
       }); 
    
       function isPageScrolling() {
         var docHeight = $(document).height();
         var scroll    = $(window).height() + $(window).scrollTop();
         return (docHeight == scroll);
       }
       </script>
    
    hgtonight
Sign In or Register to comment.