[docs] Apply small tweaks to the new UI components (#1)

Co-authored-by: Bartosz Kaszubowski <[email protected]>
Simek · Oct 13, 2021 · f17100f · f17100f
1 parent 2e04efd
commit f17100f
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/docs/ui/components/Button/index.tsx b/docs/ui/components/Button/index.tsx
@@ -193,7 +193,7 @@ export function Button(props: ButtonProps) {
             {icon}
           </div>
         )}
-        <div>{children}</div>
+        {children}
       </div>
     </ButtonComponent>
   );
@@ -235,7 +235,7 @@ const buttonInteractionStyle = css({
   // transform prevents a 1px shift on hover on Safari
   transform: 'translate3d(0,0,0)',
   ':hover': {
-    boxShadow: '0 2px 8px rgba(0, 1, 0, 0.2)',
+    boxShadow: `0 1px 6px ${theme.background.quaternary}`,
     opacity: 0.85,
   },
   ':active': {

diff --git a/docs/ui/components/Form/Select.tsx b/docs/ui/components/Form/Select.tsx
@@ -76,6 +76,7 @@ const iconStyle = css({
 const selectInputStyle = css({
   boxShadow: shadows.input,
   backgroundColor: theme.background.default,
+  color: theme.text.default,
   display: 'block',
   outline: 'none',
   appearance: 'none',
@@ -85,6 +86,7 @@ const selectInputStyle = css({
   padding: 16,
   paddingRight: 48,
   fontSize: 16,
+  userSelect: 'none',
   ':hover': {
     transition: 'background-color 100ms',
     cursor: 'pointer',

diff --git a/docs/ui/components/Note/InfoNote.tsx b/docs/ui/components/Note/InfoNote.tsx
@@ -30,6 +30,7 @@ const containerStyle = css`
 
 const iconStyle = css`
   margin-right: 0.5rem;
+  user-select: none;
 `;
 
 const contentStyle = css`