minor fixes (#57)

rayzhou-bit · Jul 9, 2024 · effdddb · effdddb
1 parent 3e5f606
commit effdddb
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 8 deletions.
diff --git a/src/components-shared/Dropdowns/ColorDropdown.jsx b/src/components-shared/Dropdowns/ColorDropdown.jsx
@@ -23,7 +23,7 @@ export const ColorDropdown = ({
   Object.values(CARD_COLOR_KEYS).forEach(color => {
     let className = 'item ' + color;
     if (selectedColor === color) {
-      className += ' selected';
+      className += ' selected-color';
     }
     colorList = [
       ...colorList,

diff --git a/src/components-shared/Dropdowns/ColorDropdown.scss b/src/components-shared/Dropdowns/ColorDropdown.scss
@@ -44,7 +44,7 @@
     }
   }
 
-  .selected {
+  .selected-color {
     border: 2px solid #5bc5ff;
   }
 }
diff --git a/src/components/Card/Card.scss b/src/components/Card/Card.scss
@@ -139,6 +139,7 @@ $scrollbar-width: 17px;
   -webkit-transition: 0.4s;
   transition: 0.4s;
   overflow: hidden;
+  background-color: white;
 
   display: flex;
   flex-flow: column nowrap;

diff --git a/src/components/Card/LibraryContent.jsx b/src/components/Card/LibraryContent.jsx
@@ -23,17 +23,15 @@ const LibraryContent = ({
   });
 
   const condensedStyle = {
-    backgroundColor: 'white',
     minHeight: '60px',
     maxHeight: '80px',
     height: '80px',
   };
 
   const expandedStyle = {
-    backgroundColor: 'white',
     minHeight: '80px',
     maxHeight: '50vh',
-    height: '35vh',
+    height: contentRef ? contentRef.current?.scrollHeight + 31 : null,
   };
 
   return (

diff --git a/src/components/Library/index.scss b/src/components/Library/index.scss
@@ -193,7 +193,6 @@ $search-text-right-offset: $search-count-offset + 80px;
         border: 1px solid #353535;
         border-radius: 2px;
         &:hover {
-          background-color: #CCD6E3;
           box-shadow: 0 0 0 3px #DBE2EB;
         }
       }

diff --git a/src/constants/dimensions.js b/src/constants/dimensions.js
@@ -25,8 +25,8 @@ export const NEW_CARD_POSITION = {
 export const NEW_CARD_OFFSET = 3 * GRID_SIZE;
 
 export const NEW_CARD_SIZE = {
-  width: 16 * GRID_SIZE,
-  height: 12 * GRID_SIZE,
+  width: 20 * GRID_SIZE,
+  height: 20 * GRID_SIZE,
 };
 
 export const MIN_CARD_SIZE = {