From 043adce198c94d8205a2c49c07133f4159df91b3 Mon Sep 17 00:00:00 2001 From: Bhavy_Zala Date: Sun, 16 Jun 2024 15:48:15 +0530 Subject: [PATCH] Scrollbar and contact form reset fix --- Html-files/contact.html | 4 ++++ style.css | 23 ++++++++++++++++++++++- 2 files changed, 26 insertions(+), 1 deletion(-) diff --git a/Html-files/contact.html b/Html-files/contact.html index 84554a82..00b74632 100644 --- a/Html-files/contact.html +++ b/Html-files/contact.html @@ -266,5 +266,9 @@

Follow Us

document.querySelector('.contact-form').addEventListener('submit', function(event) { event.preventDefault(); alert('Form submitted!'); + document.getElementById('first-name').value = ''; + document.getElementById('last-name').value = ''; + document.getElementById('email').value = ''; + document.getElementById('message').value = ''; }); diff --git a/style.css b/style.css index c8e2e686..97a60a9e 100644 --- a/style.css +++ b/style.css @@ -44,7 +44,28 @@ body{ font-weight: 600; font-style: normal; } - +/*Scrollbar Style*/ +::-webkit-scrollbar-track +{ + -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.6); + background-color: #CCCCCC; +} +::-webkit-scrollbar +{ + width: 10px; + background-color: #F5F5F5; +} +::-webkit-scrollbar-thumb +{ + background-color: #FFF; + border-radius: 10px; + background-image: -webkit-linear-gradient(90deg, + rgba(0, 0, 0, 1) 0%, + rgba(0, 0, 0, 1) 25%, + transparent 100%, + rgba(0, 0, 0, 1) 75%, + transparent) +} /* Home carousel/slider */ #homeSlider .homeimg { max-height: 170vh;