Jak přepsat výchozí výška Elastické combobox UI

0

Otázka

Chci přizpůsobit výšku Task combobox tak, aby odpovídala Date Picker. Styl není stále aplikuje, když se provádí prostřednictvím třídy nebo inline.

enter image description here

Snažil jsem se inline styl elementu, jako jsou:

 <EuiFormRow className={FilterStyles.taskFilerContainer}>
        <EuiComboBox
          fullWidth={true}
          placeholder="Task"
          options={tasks}
          selectedOptions={selectedOption}
          onChange={(v) => handleChange(v)}
          isClearable={true}
          compressed={false}
          rowHeight={60}
          style={{ height: "40px" }}   <----- Here
          className="task"
        />
      </EuiFormRow>

Také se snažil přidat !important ale k ničemu.
Nicméně jsem schopen přepsat styl v prohlížeči ručně styling euiComboBox třída:

enter image description here

.euiComboBox .euiComboBox__inputWrap.euiComboBox__inputWrap-isClearable {
    padding-right: 58.125px;
    height: 40px; <-- Here
}

enter image description here

Existuje nějaký způsob, jak styl prvek, tím, že píše vlastní třídy nebo inline styl?

css reactjs sass
2021-11-24 04:31:12
1

Nejlepší odpověď

0

Vyřešil snížením výšky nadřazeného kontejneru filterContainer. Snížená výška prvku balení obou těchto vstupních polí.

.filterContainer{
 height: 37px
}
2021-11-30 07:21:57

V jiných jazycích

Tato stránka je v jiných jazycích

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................