@@ -122,7 +122,6 @@ For the multiselect component, all events will be passed through. Please see the
122122<template >
123123 <li class =" action" :class =" { 'action--disabled': disabled }" >
124124 <span :class =" {
125- 'action-input--picker': datePickerType,
126125 'action-input-picker--disabled': disabled,
127126 'action-input--visible-label': labelVisible && label,
128127 }"
@@ -469,6 +468,7 @@ $input-margin: 4px;
469468 cursor : pointer ;
470469 white-space : nowrap ;
471470
471+ opacity : $opacity_normal ;
472472 color : var (--color-main-text );
473473 border : 0 ;
474474 border-radius : 0 ; // otherwise Safari will cut the border-radius area
@@ -477,6 +477,11 @@ $input-margin: 4px;
477477
478478 font-weight : normal ;
479479
480+ & :hover ,
481+ & :focus {
482+ opacity : $opacity_full ;
483+ }
484+
480485 & __icon-wrapper {
481486 display : flex ;
482487 align-self : center ;
@@ -494,26 +499,6 @@ $input-margin: 4px;
494499 }
495500 }
496501
497- // do not change the opacity of the datepicker
498- & :not (.action-input--picker ) {
499- opacity : $opacity_normal ;
500- & :hover ,
501- & :focus {
502- opacity : $opacity_full ;
503- }
504- }
505-
506- // only change for the icon then
507- & --picker {
508- .action-input__icon {
509- opacity : $opacity_normal ;
510- }
511- & :hover .action-input__icon ,
512- & :focus .action-input__icon {
513- opacity : $opacity_full ;
514- }
515- }
516-
517502 & > span {
518503 cursor : pointer ;
519504 white-space : nowrap ;
0 commit comments