From fd01b95ff759487bf14f6647027094b75fa04e32 Mon Sep 17 00:00:00 2001
From: nikhil7174 <nikhilkumarsingh7174@gmail.com>
Date: Wed, 25 Sep 2024 19:11:58 +0530
Subject: [PATCH] resolved tooltip's visibility in parental control popup

---
 .../parental_control/extension/content/ui/popup.css       | 8 ++++----
 .../parental_control/extension/content/ui/popup.html      | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/parental_control/extension/content/ui/popup.css b/components/parental_control/extension/content/ui/popup.css
index b55cabf9e8a6..9024d73f2cb9 100644
--- a/components/parental_control/extension/content/ui/popup.css
+++ b/components/parental_control/extension/content/ui/popup.css
@@ -193,12 +193,12 @@ button {
   cursor: pointer;
 }
 
-.tooltip {
+.checkboxTooltip {
   position: relative;
   display: inline-block;
 }
 
-.tooltip .tooltiptext {
+.checkboxTooltip .tooltiptext {
   width: 195px;
   height: 56px;
   min-height: fit-content;
@@ -213,14 +213,14 @@ button {
   padding: 8px;
   position: absolute;
   z-index: 1;
-  top: 115%; /* Position the tooltip above the element */
+  top: 115%;
   left: 35%;
   margin-left: -50px;
   opacity: 0;
   transition: opacity 0.3s;
 }
 
-.tooltip:hover .tooltiptext {
+.checkboxTooltip:hover .tooltiptext {
   visibility: visible;
   opacity: 1;
 }
\ No newline at end of file
diff --git a/components/parental_control/extension/content/ui/popup.html b/components/parental_control/extension/content/ui/popup.html
index 52d6af7454d3..72a86d0c8b0d 100644
--- a/components/parental_control/extension/content/ui/popup.html
+++ b/components/parental_control/extension/content/ui/popup.html
@@ -37,12 +37,12 @@
             <span id="resetPasswordLink">Reset password</span>
           </div>
           <div style="display: flex; flex-direction: column; margin-bottom: 10px; margin-top: 15px;">
-            <div class="checkbox-container tooltip">
+            <div class="checkbox-container checkboxTooltip">
               <input type="checkbox" id="blockGamesCheckbox" style="margin: 5px;">
               <label class="checkbox-label" for="blockGamesCheckbox">Block games</label>
               <span class="tooltiptext">Foster productivity and creativity by minimizing gaming</span>
             </div>
-            <div class="checkbox-container tooltip">
+            <div class="checkbox-container checkboxTooltip">
               <input type="checkbox" id="blockSocialMediaCheckbox" style="margin: 5px;">
               <label class="checkbox-label" for="blockSocialMediaCheckbox">Block social media</label>
               <span class="tooltiptext">Encourage productive screen time by blocking social media sites.</span>