Limit the width of the document selectors to the width of the parent. (#4968)
* Limit the width of the document selectors to the width of the parent. It's unfortunately not responsive (select2 limitation), but better than being too long. * Force "text-overflow: ellipsis" to hide the beginning of a doc name
This commit is contained in:
parent
e209cae279
commit
570bd141ae
|
@ -14,6 +14,7 @@
|
|||
{% with prev_rev=doc.rev|add:"-1"|stringformat:"02d" %}
|
||||
<select class="form-select{% if document_html %} form-select-sm mb-1{% endif %} select2-field"
|
||||
data-max-entries="1"
|
||||
data-width="resolve"
|
||||
data-allow-clear="false"
|
||||
data-minimum-input-length="0"
|
||||
{% if not document_html %}id="url1"{% else %}aria-label="From revision"{% endif %}
|
||||
|
@ -51,6 +52,7 @@
|
|||
{% endif %}
|
||||
<select class="form-select{% if document_html %} form-select-sm mb-1{% endif %} select2-field"
|
||||
data-max-entries="1"
|
||||
data-width="resolve"
|
||||
data-allow-clear="false"
|
||||
data-minimum-input-length="0"
|
||||
{% if not document_html %}id="url2"{% else %}aria-label="To revision"{% endif %}
|
||||
|
|
|
@ -41,6 +41,14 @@
|
|||
{% include "base/icons.html" %}
|
||||
{% include "doc/opengraph.html" %}
|
||||
{% analytical_head_bottom %}
|
||||
<style>
|
||||
{# Force "text-overflow: ellipsis" to hide the beginning of a doc name #}
|
||||
.diff-form .select2-selection__rendered {
|
||||
direction: rtl;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
{% analytical_body_top %}
|
||||
|
|
Loading…
Reference in a new issue