crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-23 04:36:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

bug: footer move when hover select

Browse Source
This commit is contained in:
unknown
2021-09-07 10:29:36 +07:00
parent 88d6d85ccd
commit bec206113a
2 changed files with 23 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/common/SelectCommon/SelectCommon.module.scss
View File

@@ -29,6 +29,7 @@
} }
} }
&:hover{ &:hover{
cursor: pointer;
.hoverWrapper{ .hoverWrapper{
@apply block; @apply block;
animation: SelectAnimation 0.2s ease-out; animation: SelectAnimation 0.2s ease-out;
@@ -42,14 +43,9 @@
} }
.hoverWrapper{ .hoverWrapper{
@apply hidden; @apply hidden outline-none absolute z-10;
padding-top: 0.6rem; padding-top: 0.6rem;
&:hover{ .selectOptionWrapper{
@apply block;
}
}
.selectOptionWrapper{
@apply outline-none z-10 absolute;
border-radius: 0.8rem; border-radius: 0.8rem;
background-color: var(--white); background-color: var(--white);
padding: 0.4rem 0rem 0.4rem 0rem; padding: 0.4rem 0rem 0.4rem 0rem;
@@ -67,8 +63,13 @@
border-color: var(--border-line); border-color: var(--border-line);
color: var(--text-label); color: var(--text-label);
} }
}
&:hover{
@apply block;
}
} }
@keyframes SelectAnimation { @keyframes SelectAnimation {
0% { 0% {
opacity: 0; opacity: 0;

1
src/components/common/SelectCommon/SelectCommon.tsx
View File

@@ -32,6 +32,7 @@ const SelectCommon = ({ type = 'default', size = 'base', option, placeholder, on
})} })}
>{selectedName}<IconVectorDown /></div> >{selectedName}<IconVectorDown /></div>
<div className={s.hoverWrapper}> <div className={s.hoverWrapper}>
<div className={classNames({ <div className={classNames({
[s.selectOptionWrapper] : true, [s.selectOptionWrapper] : true,