-
-
Notifications
You must be signed in to change notification settings - Fork 811
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Manage button fixes #2438
Manage button fixes #2438
Changes from all commits
65a766e
0a6d4d6
e16a3ad
653345e
13180c2
07f4465
f9d7eae
1a57176
c4580fa
f71bc11
1fd4105
9ff2924
a320d35
42633e2
f6c6f03
423b990
7befb35
a4d2a07
9b5d158
389ac01
d3d681f
7091c76
bf9852d
f661cc9
5010350
b991d54
f358420
15c8753
30c1d18
6fbba6e
e828b78
d01b5d2
9033ef8
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,7 +1,7 @@ | ||
.orgCard { | ||
background-color: var(--bs-white); | ||
margin: 0.5rem; | ||
height: calc(120px + 2rem); | ||
height: calc(120px + 2.55rem); | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. 🛠️ Refactor suggestion While this fixes the immediate issue, consider a more flexible solution. The height increase prevents overlap but might not scale well with varying address lengths. A more maintainable approach would be to use flexbox for dynamic content flow. Consider this alternative implementation: .orgCard {
background-color: var(--bs-white);
margin: 0.5rem;
- height: calc(120px + 2.55rem);
+ display: flex;
+ flex-direction: column;
+ min-height: calc(120px + 2rem);
padding: 1rem;
border-radius: 8px;
outline: 1px solid var(--bs-gray-200);
position: relative;
}
.orgCard .innerContainer {
display: flex;
+ flex: 1;
}
.orgCard .innerContainer .content {
flex: 1;
margin-left: 1rem;
width: 70%;
margin-top: 0.7rem;
+ display: flex;
+ flex-direction: column;
+ gap: 0.5rem;
}
.address {
- overflow: hidden;
- display: -webkit-box;
- -webkit-line-clamp: 1;
- line-clamp: 1;
- -webkit-box-orient: vertical;
+ display: flex;
+ flex-direction: column;
align-items: center;
+ margin-bottom: 2rem; /* Ensure space for button */
}
.orgCard button {
position: absolute;
bottom: 1rem;
right: 1rem;
z-index: 1;
+ margin-top: auto; /* Push button to bottom */
} This solution:
|
||
padding: 1rem; | ||
border-radius: 8px; | ||
outline: 1px solid var(--bs-gray-200); | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
💡 Codebase verification
Unnecessary dependency downgrades should be reverted
The downgraded versions don't have any security vulnerabilities, but these changes are:
Please revert the following downgrades to maintain the latest stable versions:
🔗 Analysis chain
Unnecessary dependency downgrades detected.
These dependency downgrades seem unrelated to the PR's objective of fixing the CSS overlap issue in the orgListCard component:
Please keep the changes focused on addressing the CSS overlap issue. If these downgrades are intentional, provide the rationale for making these changes.
Let's verify if the downgraded versions have any known security issues:
Also applies to: 122-122, 136-136, 149-149
🏁 Scripts executed
The following scripts were executed for the analysis:
Script:
Length of output: 2582