Update main.scss

[WinterSilence]

Add styles for preview sources

Q	A
Is bugfix?	no
New feature?	no
Breaks BC?	no
Tests pass?	yes
Fixed issues	no

[samdark]

Would you please post before/after screenshots? What does it fix?

[WinterSilence]

@samdark for example, check composer.json generated by "Generate extension". By default, all prepended whitespaces are combined.

[rob006]

IMO this should be handled in the same way as for PHP code: wrap content in <code> tag and replace spaces by  .

[WinterSilence]

@rob006 it's too good idea, but we don't have function/method to do this.

[rob006]

To do what?

[WinterSilence]

@rob006 to

wrap content in <code> tag and replace spaces by  

need replace only initial tabs\spaces in lines, in any case it's give same result (white-space: pre;)

[rob006]

You can just replace

yii2-gii/src/CodeFile.php

Line 153 in 6b40893

return nl2br(Html::encode($this->content));

to something like

return Html::tag('code', strtr(nl2br(Html::encode($this->content)), [
    ' ' => ' ',
    "\t" => '    ',
]));

At least you're sure nothing else is affected by this change (your PR affects all modals - are you sure modals contain only code?) and style is consistent with PHP code (currently proportional font is used for non-PHP code snippets).

[WinterSilence]

@rob006

your PR affects all modals - are you sure modals contain only code?)

nope, all modals - .modal, i change styles only for #preview-modal

To represent multiple lines of code, wrap the <code> element within a <pre> element. The <code> element by itself only represents a single phrase of code or line of code.

wrap in <pre> is same to white-space: pre;