Skip to content

[BUG] v1.2.0 broke the boxed layout #2340

@lovasoa

Description

@lovasoa

Describe the bug

The boxed layout has a top padding, but since v1.2.0 it is overridden by a new padding: 0 !important; rule that applies directly to the body element.

<body class="layout-boxed"> <!-- This element is supposed to have a padding, but since v1.2, it gets overridden --> 
  <div class="page">
     <div class="page-wrapper">
       <main class="page-body">
         Hello world
       </main>
      </div>
  </div>
</body>

How to reproduce

  1. Go to https://codepen.io/xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx-/pen/oggyNeM
  2. Compare with https://codepen.io/xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx-/pen/YPPvzxR

The bug is also visible on https://preview.tabler.io/layout-boxed.html

Screenshots

Image

Image

Image

JSFiddle

https://codepen.io/xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx-/pen/oggyNeM

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions