Merge pull request #19538 from ramonlsouza/19536-27

fix: Incorrect hover style on the upload presentation button in the polling menu (2.7)

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)`
+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 DragAndDropPollContainer = styled.div`
   width: 200px !important;