2016-09-11 02:53:21 +00:00
|
|
|
|
2016-12-04 01:20:06 +00:00
|
|
|
.modal#modal-editor-codeblock
|
2017-02-10 02:35:37 +00:00
|
|
|
.modal-background
|
|
|
|
.modal-container
|
|
|
|
.modal-content.is-expanded
|
|
|
|
|
|
|
|
header.is-green
|
|
|
|
span Insert Code Block
|
2016-09-11 02:53:21 +00:00
|
|
|
|
2017-02-10 02:35:37 +00:00
|
|
|
section.is-gapless
|
|
|
|
.columns.is-stretched
|
|
|
|
.column.is-one-quarter.modal-sidebar.is-green(style={'max-width':'350px'})
|
|
|
|
.model-sidebar-header Language
|
|
|
|
.model-sidebar-content
|
|
|
|
p.control.is-fullwidth
|
|
|
|
select(v-model='modeSelected')
|
|
|
|
option(v-for='mode in modes', v-bind:value='mode.name') {{ mode.caption }}
|
|
|
|
.column.ace-container
|
|
|
|
#codeblock-editor
|
2016-12-04 01:20:06 +00:00
|
|
|
|
2017-02-10 02:35:37 +00:00
|
|
|
footer
|
|
|
|
a.button.is-grey.is-outlined(v-on:click='cancel') Discard
|
|
|
|
a.button.is-green(v-on:click='insertCode') Insert Code Block
|