Merge pull request #56 from storybookjs/fix/ui-fixes

UI fixes
storybookjs · Jun 16, 2023 · f640780 · f640780
2 parents 73cda09 + 8463de1
commit f640780
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/src/components/Button/Button.tsx b/src/components/Button/Button.tsx
@@ -39,7 +39,9 @@ const StyledButton = styled.button<{ variant: ButtonProps["variant"] }>`
   font-size: 0.8125rem;
   font-weight: 700;
   font-family: ${({ theme }) => theme.typography.fonts.base};
-  transition: all 0.16s ease-in-out;
+  transition: background-color, box-shadow, opacity;
+  transition-duration: 0.16s;
+  transition-timing-function: ease-in-out;
   text-decoration: none;
 
   &:hover {

diff --git a/src/features/GuidedTour/GuidedTour.tsx b/src/features/GuidedTour/GuidedTour.tsx
@@ -131,7 +131,9 @@ export function GuidedTour({
       floaterProps={{
         styles: {
           floater: {
-            padding: "8px 0 0 8px",
+            padding: 0,
+            paddingLeft: 8,
+            paddingTop: 8,
             filter:
               "drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1))",
           },

diff --git a/src/features/WriteStoriesModal/WriteStoriesModal.tsx b/src/features/WriteStoriesModal/WriteStoriesModal.tsx
@@ -120,6 +120,7 @@ export const WriteStoriesModal: FC<WriteStoriesModalProps> = ({
                 onClick={() => copyWarningStory()}
                 style={{
                   position: "absolute",
+                  opacity: clipboardButtonBounds.width ? 1 : 0,
                   top: backdropBoundary.top + backdropBoundary.height - 45,
                   left:
                     backdropBoundary.left +