EightfoldAI/octuple

bodyPadding prop on Panel does not work

Closed this issue · 2 comments

Toggling bodyPadding prop does not disable body padding IF AND ONLY IF headerPadding is disabled

Screenshot 2023-03-16 at 10 29 08 AM

Looks like a SASS bug.

https://github.com/EightfoldAI/octuple/blob/main/src/components/Panel/panel.module.scss#L113-L137

  &.no-body-padding {
      padding: 0;

      .header {
        padding: $space-l $space-xl $space-m $space-xl; // BUG?
      }

      .footer {
        padding: $space-m $space-xl $space-l $space-xl; // BUG?
      }
    }

    &.no-header-padding {
      padding: 0;
      .header {
        padding: 0;
      }
      .body {
        padding: 0 $space-xl; // BUG
      }
      .footer {
        padding: $space-m $space-xl $space-l $space-xl; // BUG?
      }
    }

Tracking with ENG-46504