mirror/Part-DB.Part-DB-server
1
0
Fork 1
mirror of https://github.com/Part-DB/Part-DB-server.git synced 2025-06-21 09:35:49 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Improved placement of tooltips for part description.

Browse source
This commit is contained in:
Jan Böhmer 2020-04-04 19:16:13 +02:00
parent 7d0776e598
commit f35a8611e3
3 changed files with 8 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

5
assets/css/app.css
View file

@ -242,6 +242,11 @@ showing the sidebar (on devices with md or higher)
* Bootstrap extensions * Bootstrap extensions
*****************************************/ *****************************************/
.w-fit {
width: -moz-fit-content;
width: fit-content;
}
.bg-primary-striped { .bg-primary-striped {
background: repeating-linear-gradient( background: repeating-linear-gradient(
-45deg, -45deg,

2
assets/ts_src/event_listeners.ts
View file

@ -121,7 +121,7 @@ $(document).on("ajaxUI:reload ajaxUI:start", function () {
//Use bootstrap tooltips for the most tooltips //Use bootstrap tooltips for the most tooltips
$(document).on("ajaxUI:start ajaxUI:reload ajaxUI:dt_loaded", function () { $(document).on("ajaxUI:start ajaxUI:reload ajaxUI:dt_loaded", function () {
$(".tooltip").remove(); $(".tooltip").remove();
$('a[title], button[title], span[title], h6[title], i.fas[title]') $('a[title], button[title], span[title], h6[title], h3[title], i.fas[title]')
//@ts-ignore //@ts-ignore
.tooltip("hide").tooltip({container: "body", placement: "auto", boundary: 'window'}); .tooltip("hide").tooltip({container: "body", placement: "auto", boundary: 'window'});
}); });

4
templates/Parts/info/_main_infos.html.twig
View file

@ -21,7 +21,7 @@
<small>{{ part.manufacturerProductNumber }}</small> <small>{{ part.manufacturerProductNumber }}</small>
{% endif %} {% endif %}
</h5> </h5>
<h3>{{ part.name }} <h3 class="w-fit" title="{% trans %}name.label{% endtrans %}">{{ part.name }}
{# You need edit permission to use the edit button #} {# You need edit permission to use the edit button #}
{% if timeTravel is not null %} {% if timeTravel is not null %}
<a href="{{ part|entityURL('info') }}"><i title="{% trans %}part.back_to_info{% endtrans %}" class="fas fa-fw fa-arrow-circle-left"></i></a> <a href="{{ part|entityURL('info') }}"><i title="{% trans %}part.back_to_info{% endtrans %}" class="fas fa-fw fa-arrow-circle-left"></i></a>
@ -29,7 +29,7 @@
<a href="{{ part|entityURL('edit') }}"><i class="fas fa-fw fa-sm fa-edit"></i></a> <a href="{{ part|entityURL('edit') }}"><i class="fas fa-fw fa-sm fa-edit"></i></a>
{% endif %} {% endif %}
</h3> </h3>
<h6 class="text-muted"><span title="{% trans %}description.label{% endtrans %}">{{ part.description|markdown(true) }}</span></h6> <h6 class="text-muted w-fit" title="{% trans %}description.label{% endtrans %}"><span>{{ part.description|markdown(true) }}</span></h6>
<h6 class=""> <h6 class="">
<i class="fas fa-tag fa-fw" title="{% trans %}category.label{% endtrans %}"></i> <i class="fas fa-tag fa-fw" title="{% trans %}category.label{% endtrans %}"></i>
<span class="text-muted">{{ helper.structural_entity_link(part.category) }}</span> <span class="text-muted">{{ helper.structural_entity_link(part.category) }}</span>