1
0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-08-06 14:16:50 +02:00

Merge pull request #173 from phuoc-ng/fix-dropdown

Fix dropdown aligment issue
This commit is contained in:
phuoc-ng
2021-04-02 22:15:56 +07:00
committed by GitHub

View File

@@ -44,7 +44,7 @@ css={`
position: relative; position: relative;
} }
/* Hide the dropdown's content by default --> /* Hide the dropdown's content by default */
.dropdown__content { .dropdown__content {
display: none; display: none;
@@ -63,7 +63,7 @@ css={`
width: 200px; width: 200px;
} }
/* Show the content when hover on the container --> /* Show the content when hover on the container */
.dropdown:hover .dropdown__content { .dropdown:hover .dropdown__content {
display: block; display: block;
} }
@@ -87,6 +87,7 @@ css={`
> >
<button <button
style={{ style={{
alignItems: 'center',
border: '1px solid rgba(0, 0, 0, 0.3)', border: '1px solid rgba(0, 0, 0, 0.3)',
borderRadius: '4px', borderRadius: '4px',
display: 'flex', display: 'flex',