Врезчик боковой панели отладки слишком мал. Как продлить его?

Question

У меня длинный Msg, и они такие же, кроме последней части. Как вы можете видеть ниже - я не могу сказать разницы: - они на самом деле разные.

Я открыть отладчик с хромом и я увидел это:

Но это не работает на перезагрузки страницы, как можно было бы ожидать. Он возвращается к 30 ч.

Вопрос:

Где это стили хранятся? Так что, изменяя их, у меня всегда есть эта панель отладчика на 70 ch. Или есть лучший способ сделать это?

Узел: Было бы еще лучше, если бы я мог сделать его изменчивым, а не фиксированным на 70 ch. Но этого пока достаточно.

Answer 1

Вы не одиноки, для этого есть Github issue.

Answer 2

Как @Simon H указал, что это еще не исправлено. Но до тех пор - пока иметь изменяемыми debugger-sidebar вы можете сделать это:

Перейти в:

elm-stuff/packages/elm-lang/VirtualDom/Debug.elm

Выполните поиск класса: .debugger-sidebar , а затем добавить:

.debugger-sidebar { 
    display: block; 
    float: left; 
    width: 30ch; 
    height: 100%; 
    color: white; 
    background-color: rgb(61, 61, 61); 

    /* add this 2 lines */ 
    overflow-x: auto; 
    resize: horizontal; 
} 

Он работает на сохранение с вяжем. Но если вы удалите папку с вязами, по какой-то причине она вернется к нормальной жизни - потому что вязание создается на лету. Я взял это из @rtfeldman выдвижной запроса here

Надежда, что помогает :)

EDIT:

Там были некоторые улучшения в последнее время (модель остается открытым во время обновления .. удивительный! !: D) и все было перемещено. Если вы хотите это:

Мой регистратор gif только 600px - невозможно записать отверстие предмет. Для того, чтобы изменить стили:

шаг 1. Перейти к:

elm-stuff/packages/elm-lang/virtual-dom/ < your version number ex 2.0.4 > /src/VirtualDom/Debug.elm - и открыть Debug.elm

шаг 2. Найти styles функцию, так и внутри, местонахождение:

#debugger { 
    width: 100% 
    height: 100%; 
    font-family: monospace; 

    display: flex; -- add display flex here. 
} 

уровень 3.найти:

.debugger-sidebar { 
    display: block; 
    float: left; 
    width: 30ch; 
    height: 100%; 
    color: white; 
    background-color: rgb(61, 61, 61); 

    width: 30%; -- add this 3 lines - maybe you want more width then 30%. 
    overflow-x: auto; 
    resize: horizontal; 
} 

Не удаляйте elm-stuff папки - если вы делаете все эти шаги необходимо сделать еще раз.

Для пользователей webpack. А также убедитесь, что вы перезапустили сборку webpack после этого - потому что webpack-dev-сервер работает с неизменной папкой вязальных вещей в памяти и не будет получать это изменение без перезагрузки.