Unverified Commit 829236a9 authored by Lauri Timmanee's avatar Lauri Timmanee
Browse files

Issue #3336002 by Gauravvv, nidhi27, bnjmnm: Claro: Select list chevron-down... 

Issue #3336002 by Gauravvv, nidhi27, bnjmnm: Claro: Select list chevron-down icon is showing on wrong position in RTL dir in views
parent 5fcdba13

core/themes/claro/css/components/views-ui.css

+9 −2
Original line number Diff line number Diff line
@@ -105,9 +105,16 @@ details.fieldset-no-legend { 
  line-height: 1.3125rem;

}



[dir="ltr"] .views-ui-dialog .form-element--type-select {

  padding-right: calc(2rem - 1px);

}



[dir="rtl"] .views-ui-dialog .form-element--type-select {

  padding-left: calc(2rem - 1px);

}



.views-ui-dialog .form-element--type-select {

  padding-right: calc(2rem + 2px);

  background-position: 100% 56%;

  background-position-y: 56%;

}



/**

core/themes/claro/css/components/views-ui.pcss.css

+2 −2
Original line number Diff line number Diff line
@@ -92,8 +92,8 @@ details.fieldset-no-legend { 
  line-height: var(--input-line-height--small);

}

.views-ui-dialog .form-element--type-select {

  padding-right: calc((var(--space-m) * 2) + var(--input-border-size) * 2);

  background-position: 100% 56%;

  padding-inline-end: calc(2rem - var(--input-border-size));

  background-position-y: 56%;

}

/**

 * Elements must communicate width to table rendering.