some adjustments to open/active for advanced options dropdown

master
Surinna Curtis 8 years ago committed by Gô Shoemake
parent 301c185878
commit 6b77424660
  1. 2
      app/javascript/mastodon/features/compose/components/advanced_options_dropdown.js
  2. 6
      app/javascript/styles/components.scss

@ -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>

@ -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);

Loading…
Cancel
Save