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:
@@ -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',
|
||||||
|
Reference in New Issue
Block a user