github-mirror/BookStack
github-mirror/BookStack
2
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-04-25 21:54:05 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Added code editor changes mobile design handling

Browse Source
This commit is contained in:
Dan Brown 2022-06-20 23:12:07 +01:00
parent d181106df3
commit 7d4b941abf
No known key found for this signature in database
GPG Key ID: 46D9F943C24A2EF9
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
resources/sass/_components.scss
View File

@ -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;

2
resources/views/pages/parts/code-editor.blade.php
View File

@ -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">