From 33db7dc47227f05d563c8ab94c5c35c35eedfb59 Mon Sep 17 00:00:00 2001
From: jojkhan <joj.khan.5815@gmail.com>
Date: Wed, 16 Nov 2022 18:52:39 +0500
Subject: [PATCH] hover text

---
 .../templates/baseTemplate/index.html         |  1 +
 .../templates/websiteFunctions/WPCreate.html  | 58 ++++++++++++++++---
 2 files changed, 50 insertions(+), 9 deletions(-)

diff --git a/baseTemplate/templates/baseTemplate/index.html b/baseTemplate/templates/baseTemplate/index.html
index 4774bc9f8..0f0c34537 100755
--- a/baseTemplate/templates/baseTemplate/index.html
+++ b/baseTemplate/templates/baseTemplate/index.html
@@ -74,6 +74,7 @@
     <script src="{% static 'baseTemplate/angularjs.1.6.5.js' %}"></script>
     <script src="{% static 'baseTemplate/jquery.3.2.1.js' %}"></script>
 
+
     <!-- HELPERS -->
 
     {% with version="2.3.2.2" %}
diff --git a/websiteFunctions/templates/websiteFunctions/WPCreate.html b/websiteFunctions/templates/websiteFunctions/WPCreate.html
index b57e52494..cbd7cc0a1 100644
--- a/websiteFunctions/templates/websiteFunctions/WPCreate.html
+++ b/websiteFunctions/templates/websiteFunctions/WPCreate.html
@@ -8,8 +8,8 @@
     <!-- Current language: {{ LANGUAGE_CODE }} -->
     <style>
         .switch {
-            margin-top: 7px;
-             margin-left: 12px;
+            margin-top: 0px;
+            margin-left: 12px;
             position: relative;
             display: inline-block;
             width: 32px;
@@ -63,6 +63,24 @@
             transform: translateX(12px);
         }
 
+        .help_test_domain {
+            background-color: black;
+            padding: 3px;
+            display: none;
+
+        }
+
+        #help:hover + .help_test_domain {
+            display: block;
+            display: inline-block;
+            color: white;
+            font-weight: lighter;
+            font-size: small;
+            border-radius: 5px;
+            width: 200px;
+            height: auto;
+        }
+
     </style>
 
     <div class="container">
@@ -72,7 +90,6 @@
         </div>
 
 
-
         <div ng-controller="createWordpress" class="panel">
             <div class="panel-body">
                 <h3 class="content-box-header">
@@ -126,11 +143,30 @@
 
                         {#                     My Work #}
                         <div ng-hide="installationDetailsForm" class="form-group">
-                            <label class="col-sm-3 control-label" style="margin-bottom: 15px">{% trans "Test Domain" %}</label>
-                            <label class="switch my-3">
-                                <input type="checkbox" checked id="myCheck" onclick="checkbox_function()" style="margin-top: 10px">
+                            <label class="col-sm-3 control-label"
+                                   style="margin-bottom: 15px">{% trans "Test Domain" %}</label>
+                            <label class="switch">
+                                <input type="checkbox" checked id="myCheck" onclick="checkbox_function()"
+                                       style="margin-top: 10px">
                                 <span class="slider"></span>
                             </label>
+                            <label id="help">
+                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" style="padding-top: 10px"
+                                     preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">
+                                    <path fill="currentColor"
+                                          d="M12 6a3.939 3.939 0 0 0-3.934 3.934h2C10.066 8.867 10.934 8 12 8s1.934.867 1.934 1.934c0 .598-.481 1.032-1.216 1.626a9.208 9.208 0 0 0-.691.599c-.998.997-1.027 2.056-1.027 2.174V15h2l-.001-.633c.001-.016.033-.386.441-.793c.15-.15.339-.3.535-.458c.779-.631 1.958-1.584 1.958-3.182A3.937 3.937 0 0 0 12 6zm-1 10h2v2h-2z"/>
+                                    <path fill="currentColor"
+                                          d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10s10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8s8 3.589 8 8s-3.589 8-8 8z"/>
+                                </svg>
+
+                            </label>
+                            <label class="help_test_domain">
+
+                                Hello World!! Hello World!! Hello World!! Hello World!! Hello World!!Hello World!! Hello World!!git
+
+                            </label>
+
+
                             <br><br>
 
 
@@ -162,13 +198,15 @@
                                          class="current-pack">{% trans "Invalid Domain (Note: You don't need to add 'http' or 'https')" %}</div>
                                 </div>
                                 <div ng-if="{{ test_domain_data }} == 0 ">
-                                    <center>Looks like you have not subscripted to temporary domain feature,<a href="https://go.cyberpanel.net/TempDomain">click here</a>
+                                    <center>Looks like you have not subscripted to temporary domain feature,<a
+                                            href="https://go.cyberpanel.net/TempDomain">click here</a>
                                         for more details.
                                     </center>
                                 </div>
                             </div>
 
-                            <div id="Own_Domain" class="tabcontent" style="border: none;display: none;margin-left: 10px">
+                            <div id="Own_Domain" class="tabcontent"
+                                 style="border: none;display: none;margin-left: 10px">
 
                                 <div ng-hide="installationDetailsForm" class="form-group">
                                     <label class="col-sm-3 control-label">{% trans "Domain Name" %}</label>
@@ -189,7 +227,9 @@
                                                placeholder="{% trans "Leave empty for default" %}"
                                                type="text" value="Leave empty for default"
                                                name="touchspin-demo-1" ng-model="installPath"
-                                               style="display: block;"></span></div>
+                                               style="display: block;"></span>
+
+                                        </div>
                                     </div>
                                     <div ng-show="websiteCreationForm.dom.$error.pattern"
                                          class="current-pack">{% trans "Invalid Domain (Note: You don't need to add 'http' or 'https')" %}</div>