logos-co
/
open-law
mirror of https://github.com/logos-co/open-law.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

add tooltip to breadcrumbs

This commit is contained in:
SvyatoslavArtymovych 2023-05-10 16:45:18 +03:00
parent ca98797e66
commit 06eb42817e
5 changed files with 16 additions and 145770 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3061
app/static/css/styles.css
View File

File diff suppressed because one or more lines are too long

142705
app/static/js/main.js
View File

File diff suppressed because one or more lines are too long

8
app/templates/book/breadcrumbs_navigation.html
View File

@ -4,10 +4,14 @@
{% for breadcrumb in breadcrumbs %} {% for breadcrumb in breadcrumbs %}
<li class="inline-flex items-center"> <li class="inline-flex items-center">
{% if not loop.index==breadcrumbs|length %} {% if not loop.index==breadcrumbs|length %}
<a href="{{ breadcrumb.url }}" class="inline-flex items-center text-sm truncate w-30 font-medium text-gray-700 hover:text-blue-600 dark:text-gray-400 dark:hover:text-white"> <a href="{{ breadcrumb.url }}" class="inline-flex items-center text-sm truncate w-24 font-medium text-gray-700 hover:text-blue-600 dark:text-gray-400 dark:hover:text-white" data-tooltip-target="breadcrumb-{{loop.index}}-tooltip" data-tooltip-placement="bottom">
{% else %} {% else %}
<span class="inline-flex items-center text-sm truncate w-40 font-medium text-gray-700 hover:text-blue-600 dark:text-gray-400 dark:hover:text-white"> <span class="inline-flex items-center text-sm truncate w-40 font-medium text-gray-700 hover:text-blue-600 dark:text-gray-400 dark:hover:text-white" data-tooltip-target="breadcrumb-{{loop.index}}-tooltip" data-tooltip-placement="bottom">
{% endif %} {% endif %}
<div id="breadcrumb-{{loop.index}}-tooltip" role="tooltip" class="delay-100 absolute z-[100] invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-700 bg-gray-900 rounded-lg shadow-sm opacity-0 tooltip dark:bg-gray-700">
{{ breadcrumb.label }}
<div class="tooltip-arrow" data-popper-arrow></div>
</div>
<!-- prettier-ignore --> <!-- prettier-ignore -->
<!--svg for all types of breadcrumb--> <!--svg for all types of breadcrumb-->
{% if breadcrumb.type == "MyBookList" or breadcrumb.type == "AuthorBookList" %} {% if breadcrumb.type == "MyBookList" or breadcrumb.type == "AuthorBookList" %}

2
build_static.sh Normal file
View File

@ -0,0 +1,2 @@
yarn js;
yarn css;

10
tailwind.config.js
View File

@ -1,13 +1,13 @@
/** @type {import('tailwindcss').Config} */ /** @type {import('tailwindcss').Config} */
module.exports = { module.exports = {
darkMode: "class", darkMode: 'class',
content: [ content: [
"./app/templates/**/*.html", './app/templates/**/*.html',
"./src/js/**/*.js", './src/js/**/*.js',
"./node_modules/flowbite/**/*.js", './node_modules/flowbite/**/*.js',
], ],
theme: { theme: {
extend: {}, extend: {},
}, },
plugins: [require("flowbite/plugin")], plugins: [require('flowbite/plugin')],
}; };