diff --git a/bigbluebutton-html5/imports/ui/components/poll/styles.js b/bigbluebutton-html5/imports/ui/components/poll/styles.js index 44162a14f3..c170b0cc1c 100644 --- a/bigbluebutton-html5/imports/ui/components/poll/styles.js +++ b/bigbluebutton-html5/imports/ui/components/poll/styles.js @@ -14,7 +14,6 @@ import { import { colorText, colorBlueLight, - colorGray, colorGrayLight, colorGrayLighter, colorGrayLightest, @@ -23,8 +22,6 @@ import { colorHeading, colorPrimary, colorGrayDark, - colorWhite, - pollBlue, } from '/imports/ui/stylesheets/styled-components/palette'; import { fontSizeBase, fontSizeSmall } from '/imports/ui/stylesheets/styled-components/typography'; @@ -260,71 +257,7 @@ const NoSlidePanelContainer = styled.div` text-align: center; `; -const PollButton = styled(Button)` - margin-top: ${smPaddingY}; - margin-bottom: ${smPaddingY}; - background-color: ${colorWhite}; - box-shadow: 0 0 0 1px ${colorGray}; - color: ${colorGray}; - - & > span { - color: ${colorGray}; - } - - & > span:hover { - color: ${pollBlue}; - opacity: 1; - } - - &:active { - background-color: ${colorWhite}; - box-shadow: 0 0 0 1px ${pollBlue}; - - & > span { - color: ${pollBlue}; - } - } - - &:focus { - background-color: ${colorWhite}; - box-shadow: 0 0 0 1px ${pollBlue}; - - & > span { - color: ${pollBlue}; - } - } - - &:nth-child(even) { - margin-right: inherit; - margin-left: ${smPaddingY}; - - [dir="rtl"] & { - margin-right: ${smPaddingY}; - margin-left: inherit; - } - } - - &:nth-child(odd) { - margin-right: 1rem; - margin-left: inherit; - - [dir="rtl"] & { - margin-right: inherit; - margin-left: ${smPaddingY}; - } - } - - &:hover { - box-shadow: 0 0 0 1px ${pollBlue}; - background-color: ${colorWhite}; - color: ${pollBlue}; - - & > span { - color: ${pollBlue}; - opacity: 1; - } - } -`; +const PollButton = styled(Button)``; const DragAndDropPollContainer = styled.div` width: 200px !important;