Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-26 11:16:12 +04:00
Code Issues Projects Releases Wiki Activity

Release 1.0.0-beta12

Browse Source
This commit is contained in:
codecalm
2022-09-19 17:28:48 +02:00
parent e5f30bf831
commit c83214cc0c
235 changed files with 15889 additions and 11863 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
demo/docs/tooltips.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-beta11
* @version 1.0.0-beta12
* @link https://tabler.io
* Copyright 2018-2022 The Tabler Authors
* Copyright 2018-2022 codecalm.net Paweł Kuna
@@ -13,21 +13,23 @@
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<title>Tooltips - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<style>
@import url('https://rsms.me/inter/inter.css');
:root {
--tblr-font-sans-serif: Inter,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif !important;
}
</style>
<!-- CSS files -->
<link href="../dist/css/tabler.min.css" rel="stylesheet"/>
<link href="../dist/css/tabler-flags.min.css" rel="stylesheet"/>
<link href="../dist/css/tabler-payments.min.css" rel="stylesheet"/>
<link href="../dist/css/tabler-vendors.min.css" rel="stylesheet"/>
<link href="../dist/css/demo.min.css" rel="stylesheet"/>
<style>
@import url('https://rsms.me/inter/inter.css');
:root {
--tblr-font-sans-serif: Inter, -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
}
</style>
</head>
<body >
<script src="../dist/js/demo-theme.min.js"></script>
<div class="page">
<!-- Navbar -->
<header class="navbar navbar-expand-md navbar-light d-print-none">
<div class="container-xl">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
@@ -54,11 +56,13 @@
</div>
</div>
<div class="d-none d-md-flex">
<a href="?theme=dark" class="nav-link px-0 hide-theme-dark" title="Enable dark mode" data-bs-toggle="tooltip" data-bs-placement="bottom">
<a href="?theme=dark" class="nav-link px-0 hide-theme-dark" title="Enable dark mode" data-bs-toggle="tooltip"
data-bs-placement="bottom">
<!-- Download SVG icon from http://tabler-icons.io/i/moon -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" /></svg>
</a>
<a href="?theme=light" class="nav-link px-0 hide-theme-light" title="Enable light mode" data-bs-toggle="tooltip" data-bs-placement="bottom">
<a href="?theme=light" class="nav-link px-0 hide-theme-light" title="Enable light mode" data-bs-toggle="tooltip"
data-bs-placement="bottom">
<!-- Download SVG icon from http://tabler-icons.io/i/sun -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="12" cy="12" r="4" /><path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7" /></svg>
</a>
@@ -156,12 +160,12 @@
</div>
</a>
<div class="dropdown-menu dropdown-menu-end dropdown-menu-arrow">
<a href="#" class="dropdown-item">Set status</a>
<a href="#" class="dropdown-item">Profile & account</a>
<a href="#" class="dropdown-item">Status</a>
<a href="#" class="dropdown-item">Profile</a>
<a href="#" class="dropdown-item">Feedback</a>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item">Settings</a>
<a href="#" class="dropdown-item">Logout</a>
<a href="../settings.html" class="dropdown-item">Settings</a>
<a href="../sign-in.html" class="dropdown-item">Logout</a>
</div>
</div>
</div>
@@ -312,6 +316,12 @@
<a href="../sign-in.html" class="dropdown-item">
Sign in
</a>
<a href="../sign-in-illustration.html" class="dropdown-item">
Sign in with illustration
</a>
<a href="../sign-in-cover.html" class="dropdown-item">
Sign in with cover
</a>
<a href="../sign-up.html" class="dropdown-item">
Sign up
</a>
@@ -395,11 +405,11 @@
<a class="dropdown-item" href="../users.html">
Users
</a>
</div>
<div class="dropdown-menu-column">
<a class="dropdown-item" href="../license.html">
License
</a>
</div>
<div class="dropdown-menu-column">
<a class="dropdown-item" href="../logs.html">
Logs
<span class="badge badge-sm bg-green text-uppercase ms-2">New</span>
@@ -424,6 +434,10 @@
Settings
<span class="badge badge-sm bg-green text-uppercase ms-2">New</span>
</a>
<a class="dropdown-item" href="../job-listing.html">
Job listing
<span class="badge badge-sm bg-green text-uppercase ms-2">New</span>
</a>
</div>
</div>
</div>
@@ -492,7 +506,7 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 11a7 7 0 0 1 14 0v7a1.78 1.78 0 0 1 -3.1 1.4a1.65 1.65 0 0 0 -2.6 0a1.65 1.65 0 0 1 -2.6 0a1.65 1.65 0 0 0 -2.6 0a1.78 1.78 0 0 1 -3.1 -1.4v-7" /><line x1="10" y1="10" x2="10.01" y2="10" /><line x1="14" y1="10" x2="14.01" y2="10" /><path d="M10 14a3.5 3.5 0 0 0 4 0" /></svg>
</span>
<span class="nav-link-title">
2320 icons
2681 icons
</span>
</a>
</li>
@@ -524,7 +538,7 @@
</li>
</ul>
<div class="my-2 my-md-0 flex-grow-1 flex-md-grow-0 order-first order-md-last">
<form action="." method="get">
<form action="../" method="get" autocomplete="off" novalidate>
<div class="input-icon">
<span class="input-icon-addon">
<!-- Download SVG icon from http://tabler-icons.io/i/search -->
@@ -539,9 +553,9 @@
</div>
</div>
<div class="page-wrapper">
<div class="container-xl">
<!-- Page title -->
<div class="page-header d-print-none">
<!-- Page header -->
<div class="page-header d-print-none">
<div class="container-xl">
<div class="row g-2 align-items-center">
<div class="col">
<h2 class="page-title">
@@ -551,6 +565,7 @@
</div>
</div>
</div>
<!-- Page body -->
<div class="page-body">
<div class="container-xl">
<div class="row gx-lg-5">
@@ -885,7 +900,7 @@
<li class="nav-item">
<a href="../changelog.html" class="nav-link">
Changelog
<span class="badge bg-primary-lt ms-auto">1.0.0-beta11</span>
<span class="badge bg-primary-lt ms-auto">1.0.0-beta12</span>
</a>
</li>
</ul>
@@ -990,7 +1005,7 @@ Tooltip with HTML
</li>
<li class="list-inline-item">
<a href="../changelog.html" class="link-secondary" rel="noopener">
v1.0.0-beta11
v1.0.0-beta12
</a>
</li>
</ul>