Commit 6b223015 authored by Manuel Adán's avatar Manuel Adán Committed by Sascha Eggenberger
Browse files

Issue #3267322 by manuel.adan: Paragraphs: draggable multiple table wrong width

parent b95c2efd

dist/css/components/paragraphs.css

+5 −4
Original line number Diff line number Diff line
@@ -27,6 +27,10 @@ 
  margin: 10px;

}



.paragraphs-tabs-wrapper .field-multiple-table > tbody > .draggable > td + td {

  width: 100%;

}



.paragraphs-tabs-wrapper .field-multiple-table .draggable {

  display: block;

  padding: 1rem .5rem;
@@ -60,10 +64,6 @@ 
  padding: .25rem;

}



.paragraphs-tabs-wrapper .field-multiple-table .draggable > td + td {

  width: 100%;

}



.paragraphs-tabs-wrapper .field-multiple-table .draggable .has-multiple-fields-remove-button {

  width: 100%;

  padding-right: 0 !important;
@@ -176,6 +176,7 @@ 


.js .paragraphs-collapsed-description::after,

.js .draggable:hover .paragraphs-collapsed-description::after {

  top: 2px;

  background: var(--colorGinLayer2Background);

  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--colorGinLayer2Background) 100%);

}

styles/components/paragraphs.scss

+9 −4
Original line number Diff line number Diff line
@@ -35,6 +35,14 @@ 
      }

    }



    > tbody {

      > .draggable {

        > td + td {

          width: 100%;

        }

      }

    }



    .draggable {

      display: block;

      padding: 1rem .5rem;
@@ -69,10 +77,6 @@ 
        padding: .25rem;

      }



      > td + td {

        width: 100%;

      }



      .has-multiple-fields-remove-button {

        width: 100%;

        padding-right: 0 !important;
@@ -188,6 +192,7 @@ 


.js .paragraphs-collapsed-description::after,

.js .draggable:hover .paragraphs-collapsed-description::after {

  top: 2px;

  background: var(--colorGinLayer2Background);

  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--colorGinLayer2Background) 100%);

}