extern/doc.rustdesk.com
1
0
Fork 1
mirror of https://github.com/rustdesk/doc.rustdesk.com.git synced 2025-01-24 23:18:34 +01:00
Code Issues Packages Projects Releases Wiki Activity

add tooltip

Browse Source
This commit is contained in:
rustdesk 2023-07-14 16:06:48 +08:00
parent 24229dccd8
commit 130e365a8e
1 changed files with 51 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
v2/pricing.html
View File

@ -102,6 +102,49 @@ label {
font-size: 16px;
margin-bottom: 10px;
}
.tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
font-weight: bold;
}
.tooltip .tooltiptext {
visibility: hidden;
font-weight: normal;
width: 450px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
text-align: left;
padding: 6px 12px;
}
.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}
</style>
</head>
<body>
@ -291,7 +334,7 @@ label {
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.096 7.39004L9.93602 14.3L8.03602 12.27C7.68602 11.94 7.13602 11.92 6.73602 12.2C6.34602 12.49 6.23602 13 6.47602 13.41L8.72602 17.07C8.94602 17.41 9.32601 17.62 9.75601 17.62C10.166 17.62 10.556 17.41 10.776 17.07C11.136 16.6 18.006 8.41004 18.006 8.41004C18.906 7.49004 17.816 6.68004 17.096 7.38004V7.39004Z" fill="#12B76A"></path>
</svg></div>
</div>
<div class="uui-text-size-medium-10"><a href="/docs/en/self-host/install/">Documentation</a></div>
<div class="uui-text-size-medium-10"><a href="/docs/en/self-host/install/" style="color: #475467">Documentation</a></div>
</div>
<div id="w-node-_0ae53630-2fcd-6e7f-a2f1-2bb955c8776a-47ad0af8" class="uui-pricing08_feature">
<div class="uui-pricing08_icon-wrapper">
@ -343,7 +386,7 @@ label {
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.096 7.39004L9.93602 14.3L8.03602 12.27C7.68602 11.94 7.13602 11.92 6.73602 12.2C6.34602 12.49 6.23602 13 6.47602 13.41L8.72602 17.07C8.94602 17.41 9.32601 17.62 9.75601 17.62C10.166 17.62 10.556 17.41 10.776 17.07C11.136 16.6 18.006 8.41004 18.006 8.41004C18.906 7.49004 17.816 6.68004 17.096 7.38004V7.39004Z" fill="#12B76A"></path>
</svg></div>
</div>
<div class="uui-text-size-medium-10"><a href="/docs/en/self-host/pro/">Documentation</a></div>
<div class="uui-text-size-medium-10"><a href="/docs/en/self-host/pro/" style="color: #475467">Documentation</a></div>
</div>
<div id="w-node-_0ae53630-2fcd-6e7f-a2f1-2bb955c87789-47ad0af8" class="uui-pricing08_feature">
<div class="uui-pricing08_icon-wrapper">
@ -352,7 +395,9 @@ label {
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.096 7.39004L9.93602 14.3L8.03602 12.27C7.68602 11.94 7.13602 11.92 6.73602 12.2C6.34602 12.49 6.23602 13 6.47602 13.41L8.72602 17.07C8.94602 17.41 9.32601 17.62 9.75601 17.62C10.166 17.62 10.556 17.41 10.776 17.07C11.136 16.6 18.006 8.41004 18.006 8.41004C18.906 7.49004 17.816 6.68004 17.096 7.38004V7.39004Z" fill="#12B76A"></path>
</svg></div>
</div>
<div class="uui-text-size-medium-10">2 licensed users</div>
<div class="uui-text-size-medium-10">2 licensed users
<div class="tooltip">?<span class="tooltiptext">The maximum number of users who can be created and allowed to log in.</span></div>
</div>
</div>
<div id="w-node-_0ae53630-2fcd-6e7f-a2f1-2bb955c8778e-47ad0af8" class="uui-pricing08_feature">
<div class="uui-pricing08_icon-wrapper">
@ -361,7 +406,9 @@ label {
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.096 7.39004L9.93602 14.3L8.03602 12.27C7.68602 11.94 7.13602 11.92 6.73602 12.2C6.34602 12.49 6.23602 13 6.47602 13.41L8.72602 17.07C8.94602 17.41 9.32601 17.62 9.75601 17.62C10.166 17.62 10.556 17.41 10.776 17.07C11.136 16.6 18.006 8.41004 18.006 8.41004C18.906 7.49004 17.816 6.68004 17.096 7.38004V7.39004Z" fill="#12B76A"></path>
</svg></div>
</div>
<div class="uui-text-size-medium-10">100 managed devices</div>
<div class="uui-text-size-medium-10">100 managed devices
<div class="tooltip">?<span class="tooltiptext">The maximum number of devices which can be linked to licensed users.</span></div>
</div>
</div>
<div id="w-node-_0ae53630-2fcd-6e7f-a2f1-2bb955c87793-47ad0af8" class="uui-pricing08_feature">
<div class="uui-pricing08_icon-wrapper">