Sidebar, option design chnages (#177)

anarock · Dec 28, 2018 · b010866 · b010866 · vercel · Dec 28, 2018
1 parent 2cd9164
commit b010866
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 11 deletions.
diff --git a/src/components/Option.tsx b/src/components/Option.tsx
@@ -22,7 +22,8 @@ class Option extends React.Component<OptionProps> {
         },
         css({
           marginLeft: "10px",
-          color: isSelected ? colors.violet.base : colors.gray.light
+          color: isSelected ? colors.violet.base : colors.gray.light,
+          fontSize: "20px"
         })
       );
       return multiSelect ? <i className={iconClass} /> : null;

diff --git a/src/components/__tests__/__snapshots__/option.test.tsx.snap b/src/components/__tests__/__snapshots__/option.test.tsx.snap
@@ -13,6 +13,7 @@ exports[`Option component snapshot for multi select 1`] = `
 .emotion-1 {
   margin-left: 10px;
   color: #E0E0E0;
+  font-size: 20px;
 }
 
 .emotion-2 {

diff --git a/src/components/__tests__/__snapshots__/optionGroup.test.tsx.snap b/src/components/__tests__/__snapshots__/optionGroup.test.tsx.snap
@@ -721,6 +721,7 @@ Array [
 .emotion-1 {
   margin-left: 10px;
   color: #E0E0E0;
+  font-size: 20px;
 }
 
 <div

diff --git a/src/components/__tests__/__snapshots__/sidebar.test.tsx.snap b/src/components/__tests__/__snapshots__/sidebar.test.tsx.snap
@@ -70,8 +70,8 @@ Array [
   .emotion-0 {
   background-color: #ffffff;
   border-radius: 3px;
-  height: 50px;
-  width: 50px;
+  height: 40px;
+  width: 40px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -85,13 +85,13 @@ Array [
   -ms-flex-pack: center;
   justify-content: center;
   cursor: pointer;
-  margin-left: -70px;
+  margin-left: -60px;
   margin-top: 20px;
   position: absolute;
 }
 
 .emotion-0 i {
-  font-size: 25px;
+  font-size: 14px;
   color: #101721;
 }
 
@@ -114,7 +114,7 @@ Array [
   .emotion-0 i {
     float: right;
     color: #6B7785;
-    font-size: 20px;
+    font-size: 14px;
   }
 }
 

diff --git a/src/components/styles/Sidebar.styles.ts b/src/components/styles/Sidebar.styles.ts
@@ -14,17 +14,17 @@ export const sidebarWrapperStyle = css({
 export const closeStyle = css({
   backgroundColor: colors.white.base,
   borderRadius: constants.borderRadius,
-  height: 50,
-  width: 50,
+  height: 40,
+  width: 40,
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
   cursor: "pointer",
-  marginLeft: -70,
+  marginLeft: -60,
   marginTop: 20,
   position: "absolute",
   i: {
-    fontSize: 25,
+    fontSize: 14,
     color: colors.gray.darker
   },
   "@media (max-width: 800px)": {
@@ -37,7 +37,7 @@ export const closeStyle = css({
     i: {
       float: "right",
       color: colors.gray.dark,
-      fontSize: 20
+      fontSize: 14
     }
   }
 });