Skip to content

Commit

Permalink
Fixes:anuragverma108#3582:Non-hovering of tabs and links in create ac…
Browse files Browse the repository at this point in the history 
…count page
  • Loading branch information
Arghya Chakraborty authored and Arghya Chakraborty committed Oct 16, 2024
1 parent 14c282b commit d34f843
Showing 1 changed file with 73 additions and 11 deletions.
84 changes: 73 additions & 11 deletions assets/html/login.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -685,10 +685,22 @@
cursor: pointer;
}
.p1 {
margin: 10px;
padding: 10px;
display: flex;
display: flex;
align-items: center;
justify-content: center;
width: 200px;
height: 45px;
margin-left: 20px;
color: white;
border: none;
border-radius: 24px;
font-size: 13px;
font-weight: bold;
cursor: pointer;
outline: none;
text-align: center;
position: relative; /* Important for the hover effect */
overflow: hidden;
}
.social-buttons {
display: flex;
Expand Down Expand Up @@ -839,7 +851,15 @@ <h2>Join us by creating an account or log in if you already have an account</h2>
<button type="submit" name="Login" id="login">Login</button>
<div id="or">Or</div>
<div class="social-buttons" style="display: flex; gap: 5px; justify-content: center;">
<style>
#forgot_password_link:hover{
transition: 0.5s ease;
color: #df0013;
}
</style>
<div class="button-container">
<button class="p1" id="google-sign-in" style="
display: flex;
align-items: center;
justify-content: center;
Expand All @@ -855,6 +875,8 @@ <h2>Join us by creating an account or log in if you already have an account</h2>
cursor: pointer;
outline: none;
text-align: center;
position: relative;
overflow: hidden;
">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewBox="0 0 48 48" style="fill: currentColor; margin-right: 8px;">
<path fill="#FFC107" d="M43.611,20.083H42V20H24v8h11.303c-1.649,4.657-6.08,8-11.303,8c-6.627,0-12-5.373-12-12c0-6.627,5.373-12,12-12c3.059,0,5.842,1.154,7.961,3.039l5.657-5.657C34.046,6.053,29.268,4,24,4C12.955,4,4,12.955,4,24c0,11.045,8.955,20,20,20c11.045,0,20-8.955,20-20C44,22.659,43.862,21.35,43.611,20.083z"></path>
Expand All @@ -869,6 +891,8 @@ <h2>Join us by creating an account or log in if you already have an account</h2>
align-items: center;
justify-content: center;
width: 200px;
height: 45px;
margin-left: 20px;
background-color: #3b5998;
color: white;
border: none;
Expand All @@ -878,17 +902,36 @@ <h2>Join us by creating an account or log in if you already have an account</h2>
cursor: pointer;
outline: none;
text-align: center;
position: relative;
overflow: hidden;
">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" style="fill: currentColor; margin-right: 8px;">
<path fill="#ffffff" d="M12 2.048c-5.52 0-9.952 4.432-9.952 9.952 0 5.2 4.2 9.6 9.6 9.952v-7h-2.9v-2.9h2.9v-2.1c0-2.8 1.8-4.6 4.4-4.6 1.3 0 2.4.1 2.7.2v3h-1.9c-1.5 0-1.9.7-1.9 1.8v2.2h3.6l-.5 2.9h-3.1v7c5.4-.3 9.6-4.8 9.6-9.952 0-5.52-4.432-9.952-9.952-9.952z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="20" height="20" viewBox="0 0 48 48" style="fill: currentColor;">
<path fill="#4267B2" d="M24,4C12.954,4,4,12.954,4,24c0,9.854,7.262,18.002,16.657,19.705V30.94h-5.012v-6.014h5.012v-3.815c0-4.961,2.96-7.698,7.51-7.698c2.176,0,4.451,0.388,4.451,0.388v4.895h-2.505c-2.469,0-3.242,1.531-3.242,3.103v3.126h5.518l-0.881,6.014h-4.637v12.765C36.738,42.002,44,33.854,44,24C44,12.954,35.046,4,24,4z"></path>
<path fill="#FFFFFF" d="M33.273,30.94l0.881-6.014h-5.518v-3.126c0-1.571,0.773-3.103,3.242-3.103h2.505v-4.895c0,0-2.275-0.388-4.451-0.388c-4.549,0-7.51,2.737-7.51,7.698v3.815h-5.012v6.014h5.012v12.765c1.011,0.176,2.045,0.265,3.091,0.265s2.081-0.089,3.091-0.265V30.94H33.273z"></path>
</svg>

Sign In With Facebook
</button>
</div>
</div>
</form>
</div>


<style>
#facebook-sign-in::before{
content: '';
position: absolute;
top: 0;
left: -100%;
width: 200%;
height: 100%;
background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
transform: skew(-40deg);
transition: all 0.5s;
}
#facebook-sign-in:hover::before {
left: 100%;
}
</style>
<div class="register">
<form class="form" id="registerForm" id="register-form">
<label class="but" for="chk" aria-hidden="true">Create Account</label>
Expand Down Expand Up @@ -1174,7 +1217,12 @@ <h2>Quick Links</h2>




<style>
#translateButton:hover{
background-color: rgb(0, 30, 0);
transition: 0.5s ease-in;
}
</style>
<!-- adding privacy policy and copyright popup-->
<div class="footer-f" style="text-align: center; align-items: center;">
<p style="text-align: center">
Expand All @@ -1185,10 +1233,24 @@ <h2>Quick Links</h2>


<a href="/copyrightpolicy.html" id="copyrightPolicyLink">Copyright Policy</a> |
<a href="/privacynotice.html" id="privacyNoticeLink">Privacy Notice</a>
<a href="/our-vision.html">Our Vision</a></li>
<a href="/privacynotice.html" id="privacyNoticeLink">Privacy Notice</a> |
<a href="/our-vision.html" id="ourvisionLink">Our Vision</a></li>
</div>
</div>
<style>
#copyrightPolicyLink:hover{
color: rgb(126, 0, 21);
transition: 0.5s ease;
}
#privacyNoticeLink:hover{
color: rgb(126, 0, 21);
transition: 0.5s ease;
}
#ourvisionLink:hover{
color: rgb(126, 0, 21);
transition: 0.5s ease;
}
</style>

<!-- Copyright Policy Modal -->
<!-- <div id="copyrightPolicyModal" class="modal">
Expand Down

0 comments on commit d34f843

Please sign in to comment.