hover text

This commit is contained in:
jojkhan
2022-11-16 18:52:39 +05:00
parent edb5ec45a5
commit 33db7dc472
2 changed files with 50 additions and 9 deletions

View File

@@ -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" %}

View File

@@ -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>