diff --git a/bigbluebutton-html5/imports/ui/components/poll/component.jsx b/bigbluebutton-html5/imports/ui/components/poll/component.jsx index c0e6694d7e96232a26921f9dcb030d443c55f90d..db5488023d61a2f506ef46e2839a21256d47e26c 100644 --- a/bigbluebutton-html5/imports/ui/components/poll/component.jsx +++ b/bigbluebutton-html5/imports/ui/components/poll/component.jsx @@ -425,7 +425,7 @@ class Poll extends Component { ], }); }} - className={cx(styles.pBtn, { [styles.selectedBtn]: type === 'TF' })} + className={cx(styles.pBtn, { [styles.selectedBtnBlue]: type === 'TF' })} /> <Button label={intl.formatMessage(intlMessages.a4)} @@ -441,7 +441,7 @@ class Poll extends Component { ], }); }} - className={cx(styles.pBtn, { [styles.selectedBtn]: type === 'A-' })} + className={cx(styles.pBtn, { [styles.selectedBtnBlue]: type === 'A-' })} /> </div> <Button @@ -457,13 +457,13 @@ class Poll extends Component { ], }); }} - className={cx(styles.pBtn, styles.yna, { [styles.selectedBtn]: type === 'YNA' })} + className={cx(styles.pBtn, styles.yna, { [styles.selectedBtnBlue]: type === 'YNA' })} /> <Button label={intl.formatMessage(intlMessages.userResponse)} color="default" onClick={() => { this.setState({ type: 'RP' }); }} - className={cx(styles.pBtn, styles.fullWidth, { [styles.selectedBtn]: type === 'RP' })} + className={cx(styles.pBtn, styles.fullWidth, { [styles.selectedBtnWhite]: type === 'RP' })} /> </div> { type diff --git a/bigbluebutton-html5/imports/ui/components/poll/styles.scss b/bigbluebutton-html5/imports/ui/components/poll/styles.scss index 775d7d23a23700f4938566666300363e47b9f21a..0d8df9fd8485806532f09b5e25d71b4cbe14c184 100644 --- a/bigbluebutton-html5/imports/ui/components/poll/styles.scss +++ b/bigbluebutton-html5/imports/ui/components/poll/styles.scss @@ -343,7 +343,7 @@ margin-bottom: 1rem; } -.selectedBtn { +.selectedBtnBlue { background-color: var(--poll-blue); color: var(--color-white); font-size: var(--font-size-base); @@ -357,6 +357,23 @@ } } +.selectedBtnWhite { + background-color: var(--color-white); + color: var(--poll-blue); + font-size: var(--font-size-base); + border-color: var(--poll-blue); + border-width: medium; + + &:hover, + &:focus, + &:active { + background-color: var(--color-white) !important; + box-shadow: none !important; + color: var(--poll-blue) !important; + border-width: medium; + } +} + .dragAndDropPollContainer { width: 200px !important; height: 200px !important;