mirror of
https://github.com/BookStackApp/BookStack.git
synced 2024-08-26 20:22:18 +00:00
Added code editor changes mobile design handling
This commit is contained in:
parent
d181106df3
commit
7d4b941abf
@ -705,6 +705,18 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@include smaller-than($s) {
|
||||||
|
.code-editor .lang-options {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.code-editor-body-wrap {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.code-editor-language-list, .code-editor-language-list input {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.comment-box {
|
.comment-box {
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
border: 1px solid #DDD;
|
border: 1px solid #DDD;
|
||||||
|
@ -14,7 +14,7 @@
|
|||||||
<button class="popup-header-close" refs="popup@hide">@icon('close')</button>
|
<button class="popup-header-close" refs="popup@hide">@icon('close')</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex-container-row flex-fill">
|
<div class="code-editor-body-wrap flex-container-row flex-fill">
|
||||||
<div class="code-editor-language-list flex-container-column flex-fill">
|
<div class="code-editor-language-list flex-container-column flex-fill">
|
||||||
<label for="code-editor-language">{{ trans('components.code_language') }}</label>
|
<label for="code-editor-language">{{ trans('components.code_language') }}</label>
|
||||||
<input refs="code-editor@languageInput" id="code-editor-language" type="text">
|
<input refs="code-editor@languageInput" id="code-editor-language" type="text">
|
||||||
|
Loading…
Reference in New Issue
Block a user