MediaWiki:Common.css: Difference between revisions

Allow Select2 input to be responsive to dark/light theme changes
No edit summary
Line 89: Line 89:
   background-color: var(--background-color-base, #fff);
   background-color: var(--background-color-base, #fff);
   border: 1px solid var(--border-color-base, #a2a9b1);
   border: 1px solid var(--border-color-base, #a2a9b1);
  transition-property: border-color;
  transition-duration: 250ms;
}
}


.select2-container--default.select2-container--focus .select2-selection--multiple {
.select2-container--default .select2-selection--multiple:hover {
 
  border-color: var(--border-color-interactive,#72777d);
}
}


.select2-container--default .select2-selection--multiple:hover {
.select2-container--default.select2-container--focus .select2-selection--multiple {
   border-color: var(--border-color-interactive,#72777d);
   border-color: var(--border-color-progressive--focus, #36c);
   transition-property: border-color,box-shadow;
   border-width: 2px;
  transition-duration: 250ms;
  box-shadow: inset 0 0 0 1px var(--box-shadow-color-progressive--focus,#36c);
}
}


Line 112: Line 114:
.select2-container--default .select2-results__option[aria-selected="true"] {
.select2-container--default .select2-results__option[aria-selected="true"] {
   background-color: var(--background-color-neutral-subtle, #fff);
   background-color: var(--background-color-neutral-subtle, #fff);
}
.pf-select2-dropdown .select2-results__options .select2-results__option--highlighted {
  background-color: #2A4B8D;
}
}