diff --git a/public/styles.css b/public/styles.css index 5b05ce9..27a6a34 100644 --- a/public/styles.css +++ b/public/styles.css @@ -209,16 +209,17 @@ p { } .member-card { - background: rgba(0, 0, 0, 0.2); - border: 1px solid rgba(255, 255, 255, 0.1); - border-radius: 10px; - padding: 1rem; - transition: all 0.2s ease; - cursor: pointer; - position: relative; - margin-bottom: 0.5rem; - opacity: 1; - transform: translateY(0); + background: rgba(0, 0, 0, 0.2); + border: 1px solid rgba(255, 255, 255, 0.1); + border-radius: 10px; + padding: 1rem; + transition: all 0.2s ease; + cursor: pointer; + position: relative; + margin-bottom: 0.5rem; + opacity: 1; + transform: translateY(0); + z-index: 1; } .member-card::before { @@ -240,14 +241,16 @@ p { } .member-card:hover { - box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); - transform: translateY(-2px); + box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); + transform: translateY(-2px); + z-index: 2; } .member-card.expanded { - background: rgba(0, 0, 0, 0.6); - border-color: rgba(255, 255, 255, 0.2); - box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6); + background: rgba(0, 0, 0, 0.6); + border-color: rgba(255, 255, 255, 0.2); + box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6); + z-index: 5; } .member-card.expanded:hover { @@ -307,15 +310,16 @@ p { } .member-details { - max-height: 0; - overflow: hidden; - transition: max-height 0.3s ease-in-out, opacity 0.2s ease-in-out; - opacity: 0; + max-height: 0; + overflow: hidden; + transition: max-height 0.3s ease-in-out, opacity 0.2s ease-in-out; + opacity: 0; } .member-card.expanded .member-details { - max-height: 2000px; /* Allow full expansion for active tasks while maintaining smooth transition */ - opacity: 1; + max-height: none; /* Remove fixed limit to allow dynamic height */ + opacity: 1; + overflow: visible; } .detail-row { @@ -1689,7 +1693,6 @@ p { } .member-card.expanded .member-details { - max-height: 2000px; /* Allow full expansion for active tasks while maintaining smooth transition */ opacity: 1; }