Commit 69963605 authored by Sascha Eggenberger's avatar Sascha Eggenberger
Browse files

Issue #3312656: padding issues with paragraphs and taxonomy

parent 46c11906

dist/css/base/gin.css

+6 −2
Original line number Diff line number Diff line
@@ -1606,7 +1606,9 @@ td.webform-has-field-suffix > .form-item > .form-element { 
}



@media (min-width: 48em) {

  .layer-wrapper > .tabledrag-toggle-weight-wrapper {

  #field-display-overview .layer-wrapper > .tabledrag-toggle-weight-wrapper,

#field-display-overview-wrapper .layer-wrapper > .tabledrag-toggle-weight-wrapper,

.field--widget-entity-reference-paragraphs .layer-wrapper > .tabledrag-toggle-weight-wrapper {

    position: relative;

    z-index: 1;

    margin-bottom: calc(var(--gin-spacing-xxl) * -1);
@@ -1614,7 +1616,9 @@ td.webform-has-field-suffix > .form-item > .form-element { 
  }

}



.layer-wrapper > .tabledrag-toggle-weight-wrapper .action-link {

#field-display-overview .layer-wrapper > .tabledrag-toggle-weight-wrapper .action-link,

#field-display-overview-wrapper .layer-wrapper > .tabledrag-toggle-weight-wrapper .action-link,

.field--widget-entity-reference-paragraphs .layer-wrapper > .tabledrag-toggle-weight-wrapper .action-link {

  pointer-events: all;

}

dist/css/components/paragraphs.css

+30 −0
Original line number Diff line number Diff line
@@ -157,6 +157,10 @@ 
  display: none;

}



.paragraphs-subform .form-item {

  margin-bottom: var(--gin-spacing-l);

}



.paragraphs-add-wrapper .button--small,

.paragraphs-dropbutton-wrapper .button--small {

  margin-top: var(--gin-spacing-xs);
@@ -249,6 +253,18 @@ 
  .js .field--widget-entity-reference-paragraphs .draggable .tabledrag-handle {

    min-width: 40px;

  }



  .js .field--widget-entity-reference-paragraphs .draggable .tabledrag-handle::after {

    top: 4px;

  }



  [dir="ltr"] .js .field--widget-entity-reference-paragraphs .draggable .tabledrag-handle::after {

    left: 8px;

  }



  [dir="rtl"] .js .field--widget-entity-reference-paragraphs .draggable .tabledrag-handle::after {

    right: 8px;

  }

}



[dir="ltr"] .paragraphs-collapsed-description::after,
@@ -400,6 +416,20 @@ 
  margin-right: var(--gin-spacing-xxs);

}



[dir="ltr"] .field--widget-entity-reference-paragraphs tr.draggable .tabledrag-handle::after {

  left: 8px;

}



[dir="rtl"] .field--widget-entity-reference-paragraphs tr.draggable .tabledrag-handle::after {

  right: 8px;

}



.field--widget-paragraphs .layer-wrapper, .field--widget-paragraphs .layer-wrapper th,

.field--widget-entity-reference-paragraphs .layer-wrapper,

.field--widget-entity-reference-paragraphs .layer-wrapper th {

  background: transparent;

}



.toolbar-fixed .is-horizontal .paragraphs-tabs {

  padding: var(--gin-spacing-xs) var(--gin-spacing-m) !important;

  background-color: var(--gin-bg-layer3);

styles/base/_tabledrag.scss

+13 −9
Original line number Diff line number Diff line
@@ -29,6 +29,9 @@ 
  }

}



#field-display-overview,

#field-display-overview-wrapper,

.field--widget-entity-reference-paragraphs {

  .layer-wrapper > .tabledrag-toggle-weight-wrapper {

    @include mq(small) {

      position: relative;
@@ -41,6 +44,7 @@ 
      pointer-events: all;

    }

  }

}



.tabledrag-handle {

  &::after {

styles/components/paragraphs.scss

+24 −0
Original line number Diff line number Diff line
@@ -131,6 +131,12 @@ 
  }

}



.paragraphs-subform {

  .form-item {

    margin-bottom: var(--gin-spacing-l);

  }

}



.paragraphs-add-wrapper,

.paragraphs-dropbutton-wrapper {

  .button--small {
@@ -202,6 +208,11 @@ 


    @include mq(medium) {

      min-width: 40px;



      &::after {

        top: 4px;

        left: 8px;

      }

    }

  }

}
@@ -335,6 +346,19 @@ 
      }

    }

  }



  tr.draggable .tabledrag-handle::after {

    left: 8px;

  }

}



.field--widget-paragraphs,

.field--widget-entity-reference-paragraphs {

  .layer-wrapper {

    &, th {

      background: transparent;

    }

  }

}



.toolbar-fixed .is-horizontal .paragraphs-tabs {