status-im/codimd
2
0
Fork 0
mirror of https://github.com/status-im/codimd.git synced 2025-02-20 04:48:09 +00:00
Code Issues Projects Releases Wiki Activity

Handle theme dropdown menu resizing

Browse Source 
Signed-off-by: Yukai Huang <yukaihuangtw@gmail.com>
This commit is contained in:
Yukai Huang 2020-02-04 14:36:19 +08:00
parent 62980b3dcb
commit 20d7df5139
2 changed files with 23 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
public/js/lib/editor/index.js
View File

@ -1,12 +1,15 @@
/* global CodeMirror, $, editor, Cookies */ /* global CodeMirror, $, editor, Cookies */
import { options, Alignment, FormatType } from '@susisu/mte-kernel'
import debounce from 'lodash/debounce'
import * as utils from './utils' import * as utils from './utils'
import config from './config' import config from './config'
import statusBarTemplate from './statusbar.html' import statusBarTemplate from './statusbar.html'
import toolBarTemplate from './toolbar.html' import toolBarTemplate from './toolbar.html'
import './markdown-lint' import './markdown-lint'
import { initTableEditor } from './table-editor' import { initTableEditor } from './table-editor'
import { options, Alignment, FormatType } from '@susisu/mte-kernel'
import { availableThemes } from './constants' import { availableThemes } from './constants'
import { } from './ui-elements'
/* config section */ /* config section */
const isMac = CodeMirror.keyMap.default === CodeMirror.keyMap.macDefault const isMac = CodeMirror.keyMap.default === CodeMirror.keyMap.macDefault
@ -326,6 +329,8 @@ export default class Editor {
this.setSpellcheck() this.setSpellcheck()
this.setLinter() this.setLinter()
this.setPreferences() this.setPreferences()
this.handleStatusBarResize()
} }
updateStatusBar () { updateStatusBar () {
@ -350,6 +355,21 @@ export default class Editor {
} }
} }
handleStatusBarResize () {
const onResize = debounce(() => {
if (!this.statusBar) {
return
}
const maxHeight = window.innerHeight - this.statusBar.height() - 50 /* navbar height */ - 10 /* spacing */
this.statusBar.find('.status-theme ul.dropdown-menu').css('max-height', `${maxHeight}px`)
}, 300)
$(window).resize(onResize)
onResize()
}
setIndent () { setIndent () {
var cookieIndentType = Cookies.get('indent_type') var cookieIndentType = Cookies.get('indent_type')
var cookieTabSize = parseInt(Cookies.get('tab_size')) var cookieTabSize = parseInt(Cookies.get('tab_size'))

4
public/js/lib/editor/statusbar.html
View File

@ -31,11 +31,11 @@
<div class="indent-width-label" title="Click to change indentation size">4</div> <div class="indent-width-label" title="Click to change indentation size">4</div>
<input class="indent-width-input hidden" type="number" min="1" max="10" maxlength="2" size="2"> <input class="indent-width-input hidden" type="number" min="1" max="10" maxlength="2" size="2">
</div> </div>
<div class="status-theme dropup pull-right"> <div class="status-theme dropup">
<a id="themeLabel" class="ui-theme-label text-uppercase" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" title="Select theme"> <a id="themeLabel" class="ui-theme-label text-uppercase" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" title="Select theme">
<i class="fa fa-paint-brush fa-fw"></i> <i class="fa fa-paint-brush fa-fw"></i>
</a> </a>
<ul class="dropdown-menu" aria-labelledby="themeLabel"> <ul class="dropdown-menu" aria-labelledby="themeLabel" style="overflow: auto;">
</ul> </ul>
</div> </div>
<div class="status-spellcheck"> <div class="status-spellcheck">