Django admin - отображение изображения над списком django admin - PullRequest
0 голосов
/ 18 июня 2020

В ответ на вопрос от Django Admin - отображать изображение при наведении . Я могу заставить изображение появляться при наведении курсора, как я и надеялся. Однако, если в представлении списка администраторов django есть только несколько элементов, часть изображения появляется за нижней частью списка

Вот пример того, как это выглядит, с некоторыми заголовками столбцов, затененными серым

image underflow

Изображение располагается под нижней частью списка (на что указывает появление полосы прокрутки). Мы бы хотели, чтобы он появлялся поверх, чтобы полное изображение было видно независимо от длины списка

Вот код, который у нас есть

def image_column(self, object)
    return format_html(text+" "+\
                '''<a href="{}"" target="_blank" 
                style="font-size: 18pt; position: relative;" 
                onmouseover="document.getElementById('{}').style.display='block'; position: relative;"
                onmouseout="document.getElementById('{}').style.display='none';"><div style="position:relative">?</div>  
                <img id="{}" style="display:none; position: absolute; top: 0px; left: 0px; width:550px; border:5px solid; z-index:1000;" src="{}" /> </a>'''.format(
                    url, img_id, img_id, img_id, url))

Я пробовал установить position:absolute в теге изображения на position:relative. Это гарантирует, что все изображение отображается при наведении указателя мыши (расширении содержащей строки). Однако это влияет на макет остальной части документа, что дезориентирует пользователя

Спасибо !!!

...