WebExtension: установить ширину для параметров интерфейса - PullRequest
Новая
       13

WebExtension: установить ширину для параметров интерфейса

0 голосов
/ 07 февраля 2019

Я добавляю страницу HTML с опциями для моего веб-расширения.В Firefox это выглядит примерно так:

firefox options page

В Chrome я получаю такой макет:

chrome options page

Как видите, в Chrome HTML-код встроен во всплывающее окно.Ширина этого всплывающего окна слишком мала для правильного отображения содержимого.

По некоторым причинам свойства width и min-width моего HTML-файла option_ui не действуют.

Могу ли я указатьявное значение ширины моего интерфейса настроек?В документах я обнаружил, что этот HTML можно отобразить только на его собственной странице с ключом open_in_tab в манифесте.Это дало бы мне полный контроль над тем, как оно отображается.Но так как у меня так мало настроек, я бы предпочел отображать их встроенными.

Можно ли по-прежнему влиять на их ширину?

Вот минимальный пример для воспроизведения проблемы:

manifest.json 

{
    "manifest_version": 2,
    "name": "Settings example",
    "version": "1.0",
    "options_ui": {
      "page": "options.html"
    }
  }

options.html : 

<!DOCTYPE html>

<html>

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="../assets/bootstrap/dist/css/bootstrap.min.css">
</head>

<body width='100px'>
    <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tristique finibus ex, id posuere enim
        ultricies sed. Etiam elementum, mi sed euismod sagittis, neque ex vehicula enim, ut semper est mauris sit amet
        lorem. Nam porta semper lacus, a posuere est ullamcorper a. Integer dictum ante diam, a dictum ligula porttitor
        quis. Proin commodo venenatis ultrices. In at lacus sit amet diam laoreet facilisis. Donec vulputate, sapien
        vel semper elementum, nulla augue scelerisque tellus, ut fringilla lorem nisl non nulla.
    </p>
</body>

</html>

Атрибут width в теле моих параметров htmlне имеет никакого эффекта вообще.То же самое для min-width.

...