diff --git a/src/plugins/presentation_util/public/components/input_controls/options_list/options_list_control.scss b/src/plugins/presentation_util/public/components/input_controls/options_list/options_list_control.scss index aab692a3dca3e..bd1340c454319 100644 --- a/src/plugins/presentation_util/public/components/input_controls/options_list/options_list_control.scss +++ b/src/plugins/presentation_util/public/components/input_controls/options_list/options_list_control.scss @@ -1,34 +1,34 @@ .optionsList--anchorOverride { - display:block; + display:block; } .optionsList--buttonContentOverride { - padding: 0 !important; + padding: 0 !important; } .optionsList--buttonOverride { - height: auto !important; - width: 100%; + height: auto !important; + width: 100%; - &:disabled { - color: $euiButtonColorDisabledText; - pointer-events: none; - - .optionsList--notification { - opacity: .5; - } - } - - &:hover:not(:disabled), - &:focus:not(:disabled) { - // Remove underline from whole button so notifications don't get the underline - text-decoration: none; + &:disabled { + color: $euiButtonColorDisabledText; + pointer-events: none; - .optionsList--title { - // Add put it only on the actual text part - text-decoration: underline; - } + .optionsList--notification { + opacity: .5; } + } + + &:hover:not(:disabled), + &:focus:not(:disabled) { + // Remove underline from whole button so notifications don't get the underline + text-decoration: none; + + .optionsList--title { + // Add put it only on the actual text part + text-decoration: underline; + } + } } .optionsList--items { @@ -41,50 +41,50 @@ } .optionsList--twoLine { - flex-direction: column; + flex-direction: column; } .optionsList { - background-color: $euiFormBackgroundColor; - border: 1px solid $euiFormBorderColor; - border-radius: $euiBorderRadius; - display: flex; - align-items: stretch; - font-size: $euiFontSizeS; - width: 100%; + background-color: $euiFormBackgroundColor; + border: 1px solid $euiFormBorderColor; + border-radius: $euiBorderRadius; + display: flex; + align-items: stretch; + font-size: $euiFontSizeS; + width: 100%; - .optionsList--title { - background-color: $euiFormBorderColor; - padding: $euiSizeXS $euiSizeS; - display: flex; - align-items: center; - font-weight: $euiFontWeightBold; - } + .optionsList--title { + background-color: $euiFormBorderColor; + padding: $euiSizeXS $euiSizeS; + display: flex; + align-items: center; + font-weight: $euiFontWeightBold; + } - .optionsList--control { - flex-grow: 1; - display: flex; - flex-direction: row; - height: $euiFormControlHeight; - align-items: center; + .optionsList--control { + flex-grow: 1; + display: flex; + flex-direction: row; + height: $euiFormControlHeight; + align-items: center; - .optionsList--selections { - flex: 1; - width: 0; - margin: $euiSizeXS $euiSizeXS 0 $euiSizeS; - text-align: left; - min-width: 200px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } + .optionsList--selections { + flex: 1; + width: 0; + margin: $euiSizeXS $euiSizeXS 0 $euiSizeS; + text-align: left; + min-width: 200px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } - .optionsList--selectionsEmpty { - color: $euiButtonColorDisabledText - } + .optionsList--selectionsEmpty { + color: $euiButtonColorDisabledText + } - .optionsList--notification { - padding: $euiSizeXS; - } + .optionsList--notification { + padding: $euiSizeXS; } + } } \ No newline at end of file