Commit 4cadcb5d authored by Shubham Jain's avatar Shubham Jain Committed by Sascha Eggenberger
Browse files

css issue resolved

parent 703dd5a8

dist/css/base/gin.css

+6 −6
Original line number Diff line number Diff line
@@ -2011,11 +2011,11 @@ table td.field-plugin-summary-cell { 
}



[dir="ltr"] table:has(.tabledrag-cell-content__item .form-checkbox) th.select-all .form-checkbox {

  margin-left: calc(var(--tabledrag-handle-icon-size) + var(--space-m));

  margin-left: calc(var(--tabledrag-handle-icon-size, 1.0625rem) + var(--gin-spacing-m));

}



[dir="rtl"] table:has(.tabledrag-cell-content__item .form-checkbox) th.select-all .form-checkbox {

  margin-right: calc(var(--tabledrag-handle-icon-size) + var(--space-m));

  margin-right: calc(var(--tabledrag-handle-icon-size, 1.0625rem) + var(--gin-spacing-m));

}



.gin--dark-mode .form-boolean:hover, .gin--dark-mode .form-boolean:active {
@@ -2532,8 +2532,8 @@ html.js .dropbutton-widget { 
  top: 2px;

  width: calc(var(--gin-spacing-xxl) + 1px);

  height: 2.75rem;

  -webkit-border-start: var(--dropbutton-border-size) solid var(--gin-color-primary) !important;

          border-inline-start: var(--dropbutton-border-size) solid var(--gin-color-primary) !important;

  -webkit-border-start: var(--dropbutton-border-size, 1px) solid var(--gin-color-primary) !important;

          border-inline-start: var(--dropbutton-border-size, 1px) solid var(--gin-color-primary) !important;

}



[dir="ltr"] .dropbutton__toggle {
@@ -2818,7 +2818,7 @@ html.js.no-touchevents .dropbutton--small { 
}



html.js.no-touchevents .dropbutton--small .dropbutton__toggle {

  width: calc(var(--dropbutton-small-toggle-size) + 1px);

  width: calc(var(--dropbutton-small-toggle-size, 2rem) + 1px);

}



html.js.no-touchevents .dropbutton--extrasmall {
@@ -2829,7 +2829,7 @@ html.js.no-touchevents .dropbutton--extrasmall { 
}



html.js.no-touchevents .dropbutton--extrasmall .dropbutton__toggle {

  width: calc(var(--dropbutton-extrasmall-toggle-size) + 1px);

  width: calc(var(--dropbutton-extrasmall-toggle-size, 1.5rem) + 1px);

}



html[dir="ltr"].js.no-touchevents .dropbutton--multiple.dropbutton--extrasmall .dropbutton__items .dropbutton__item {

dist/css/theme/dialog.css

+2 −2
Original line number Diff line number Diff line
@@ -587,11 +587,11 @@ 
}



[dir="ltr"] .ui-dialog table:has(.tabledrag-cell-content__item .form-checkbox) th.select-all .form-checkbox {

  margin-left: calc(var(--tabledrag-handle-icon-size) + var(--space-m));

  margin-left: calc(var(--tabledrag-handle-icon-size, 1.0625rem) + var(--gin-spacing-m));

}



[dir="rtl"] .ui-dialog table:has(.tabledrag-cell-content__item .form-checkbox) th.select-all .form-checkbox {

  margin-right: calc(var(--tabledrag-handle-icon-size) + var(--space-m));

  margin-right: calc(var(--tabledrag-handle-icon-size, 1.0625rem) + var(--gin-spacing-m));

}



.gin--dark-mode .ui-dialog .form-boolean:hover, .gin--dark-mode .ui-dialog .form-boolean:active {

styles/base/_dropbutton.scss

+3 −3
Original line number Diff line number Diff line
@@ -58,7 +58,7 @@ html.js .dropbutton-widget { 
    right: 2px;

    width: calc(var(--gin-spacing-xxl) + 1px);

    height: 2.75rem;

    border-inline-start: var(--dropbutton-border-size) solid var(--gin-color-primary) !important;

    border-inline-start: var(--dropbutton-border-size, 1px) solid var(--gin-color-primary) !important;



    &:hover {

      background-color: var(--gin-color-primary);
@@ -243,7 +243,7 @@ html.js.no-touchevents { 
    border-radius: var(--gin-border-s);



    .dropbutton__toggle {

      width: calc(var(--dropbutton-small-toggle-size) + 1px);

      width: calc(var(--dropbutton-small-toggle-size, 2rem) + 1px);

    }

  }
@@ -254,7 +254,7 @@ html.js.no-touchevents { 
    border-radius: var(--gin-border-s);



    .dropbutton__toggle {

      width: calc(var(--dropbutton-extrasmall-toggle-size) + 1px);

      width: calc(var(--dropbutton-extrasmall-toggle-size, 1.5rem) + 1px);

    }

  }

styles/base/_form.scss

+1 −1
Original line number Diff line number Diff line
@@ -267,7 +267,7 @@ $maxWidth: 520px; 


// Correctly align bulk action checkboxes when used in combination with tabledrag

table:has(.tabledrag-cell-content__item .form-checkbox) th.select-all .form-checkbox {

  margin-left: calc(var(--tabledrag-handle-icon-size) + var(--space-m));

  margin-left: calc(var(--tabledrag-handle-icon-size, calc(17rem / 16)) + var(--gin-spacing-m));

}



.form-boolean {