some adjustments to open/active for advanced options dropdown

main
Surinna Curtis 2017-07-02 23:52:54 -05:00 committed by Gô Shoemake
parent 301c185878
commit 6b77424660
2 changed files with 3 additions and 5 deletions

View File

@ -93,7 +93,7 @@ export default class AdvancedOptionsDropdown extends React.PureComponent {
<IconButton className='advanced-options-dropdown__value' <IconButton className='advanced-options-dropdown__value'
title={intl.formatMessage(messages.advanced_options_icon_title)} title={intl.formatMessage(messages.advanced_options_icon_title)}
icon='ellipsis-h' active={open || anyEnabled} icon='ellipsis-h' active={open || anyEnabled}
size={18} inverted size={18}
style={iconStyle} style={iconStyle}
onClick={this.onToggleDropdown} /> onClick={this.onToggleDropdown} />
</div> </div>

View File

@ -2935,15 +2935,13 @@ button.icon-button.active i.fa-retweet {
} }
} }
.advanced-options-dropdown.active { .advanced-options-dropdown.open {
.advanced-options-dropdown__value { .advanced-options-dropdown__value {
background: $simple-background-color; background: $simple-background-color;
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
box-shadow: 0 -4px 4px rgba($base-shadow-color, 0.1); box-shadow: 0 -4px 4px rgba($base-shadow-color, 0.1);
} }
}
.advanced-options-dropdown.open {
.advanced-options-dropdown__dropdown { .advanced-options-dropdown__dropdown {
display: block; display: block;
box-shadow: 2px 4px 6px rgba($base-shadow-color, 0.1); box-shadow: 2px 4px 6px rgba($base-shadow-color, 0.1);