ホバー・クリック時の色のアニメーションを削除

takusea · Oct 8, 2024 · 5a46ef6 · 5a46ef6
1 parent 34fb1a6
commit 5a46ef6
Show file tree

Hide file tree

Showing 7 changed files with 1 addition and 7 deletions.
diff --git a/src/components/Base/BaseButton.vue b/src/components/Base/BaseButton.vue
@@ -39,7 +39,6 @@ defineEmits<{
   padding: 0 vars.$padding-2;
   gap: vars.$gap-1;
   border: 1px solid;
-  transition: background-color vars.$transition-duration;
   cursor: pointer;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
 

diff --git a/src/components/Base/BaseListItem.vue b/src/components/Base/BaseListItem.vue
@@ -36,7 +36,6 @@ defineEmits<{
   border: none;
   padding: vars.$padding-1 vars.$padding-2;
   border-radius: vars.$radius-1;
-  transition: background-color vars.$transition-duration;
 
   &:not(.selected):hover {
     background-color: colors.$clear-hovered;

diff --git a/src/components/Base/BaseRowCard.vue b/src/components/Base/BaseRowCard.vue
@@ -46,7 +46,6 @@ defineEmits<{
   border-radius: vars.$radius-2;
   padding: vars.$padding-2;
   gap: vars.$gap-2;
-  transition: background-color vars.$transition-duration;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
 }
 

diff --git a/src/components/Base/BaseScrollArea.vue b/src/components/Base/BaseScrollArea.vue
@@ -72,7 +72,6 @@ import {
   background-color: colors.$scrollbar;
   border-radius: vars.$size-scrollbar;
   position: relative;
-  transition: background-color vars.$transition-duration;
 }
 
 .ScrollAreaScrollbar:hover .thumb {

diff --git a/src/components/Base/BaseSelect.vue b/src/components/Base/BaseSelect.vue
@@ -64,7 +64,6 @@ const open = defineModel<boolean>("open");
   gap: vars.$gap-1;
   border: 1px solid;
   text-align: start;
-  transition: background-color vars.$transition-duration;
   cursor: pointer;
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
   color: colors.$display;

diff --git a/src/components/Base/BaseSelectItem.vue b/src/components/Base/BaseSelectItem.vue
@@ -31,7 +31,6 @@ defineProps<{
   border: none;
   padding: vars.$padding-1 vars.$padding-2;
   border-radius: vars.$radius-1;
-  transition: background-color vars.$transition-duration;
 
   &:not([data-state="checked"]):hover {
     background-color: colors.$clear-hovered;

diff --git a/src/components/Base/BaseToggleGroupItem.vue b/src/components/Base/BaseToggleGroupItem.vue
@@ -26,7 +26,7 @@ defineProps<{
   height: vars.$size-control;
   border: 1px solid;
   transition-duration: vars.$transition-duration;
-  transition-property: background-color, color, padding, box-shadow;
+  transition-property: padding, box-shadow;
   cursor: pointer;
 
   &:active:not(:disabled) {