feat: add fullScreen function (#420) (#426)

* feat: add fullScreen function (#420)

---------

Co-authored-by: Jimmy <[email protected]>

CHANGELOG.md

@@ -21,6 +21,20 @@ All notable changes to this project will be documented in this file. See [standa
 * 非双栏模式，或者从双栏模式切换到单栏模式时，需要去掉高亮光标对应预览区域的机制 ([6cb9821](https://github.com/Tencent/cherry-markdown/commit/6cb98216264a61034be5c68e1fe1f32703889328))
 * 删除多余逻辑 ([668993b](https://github.com/Tencent/cherry-markdown/commit/668993b7310fdd0485e517a77eec9b97c124a1d5))
 
+### [0.8.17](https://github.com/Tencent/cherry-markdown/compare/v0.8.16...v0.8.17) (2023-03-27)
+
+
+### Features
+
+* 对正在编辑的区域进行高亮 ([#413](https://github.com/Tencent/cherry-markdown/issues/413)) ([bac8173](https://github.com/Tencent/cherry-markdown/commit/bac8173dbad26c159bb179b7db18676e7c5614b4))
+* 图片语法增加花括号扩展能力 ([44d8063](https://github.com/Tencent/cherry-markdown/commit/44d806355db28afe067c1c21041058673d9c1bd5))
+* 增加插入draw.io功能；增加编辑draw.io机制；\n fix: 修复编辑图片尺寸时有可能受代码块语法影响的问题 ([e326b86](https://github.com/Tencent/cherry-markdown/commit/e326b86ddd85b680c34a5ca071a9d735a22c6148))
+
+
+### Bug Fixes
+
+* 代码块逆解析成代码块语法时有多余的中括号产生 [#414](https://github.com/Tencent/cherry-markdown/issues/414) ([76acd94](https://github.com/Tencent/cherry-markdown/commit/76acd94450de761878832f06dcfbe89c3798c653))
+
 ### [0.8.16](https://github.com/Tencent/cherry-markdown/compare/v0.8.15...v0.8.16) (2023-03-13)
 
 

dist/cherry-markdown.css

@@ -2110,7 +2110,8 @@ div[data-type=codeBlock] .token.inserted {
 .cherry .CodeMirror {
   height: 100%;
 }
-.cherry.cherry--no-toolbar .cherry-toolbar, .cherry.cherry--no-toolbar .cherry-sidebar {
+.cherry.cherry--no-toolbar .cherry-toolbar,
+.cherry.cherry--no-toolbar .cherry-sidebar {
   height: 0;
   display: none;
 }
@@ -2228,7 +2229,7 @@ div[data-type=codeBlock] .token.inserted {
 .cherry-toolbar {
   position: relative;
   display: flex;
-  align-items: center;
+  justify-content: space-between;
   padding: 0 20px;
   height: 48px;
   font-size: 14px;
@@ -2253,6 +2254,24 @@ div[data-type=codeBlock] .token.inserted {
   color: #fff;
   background: rgba(255, 255, 255, 0.1);
 }
+.cherry-toolbar .toolbar-left,
+.cherry-toolbar .toolbar-right {
+  display: flex;
+  align-items: center;
+  height: 48px;
+  overflow: hidden;
+}
+.cherry-toolbar .toolbar-left {
+  flex: 0 0 auto;
+  margin-right: 20px;
+}
+.cherry-toolbar .toolbar-right {
+  flex: 0 1 auto;
+  flex-direction: row-reverse;
+  margin-left: 10px;
+  box-sizing: border-box;
+  border-left: 2px solid rgb(152, 152, 152);
+}
 .cherry-toolbar.preview-only .cherry-toolbar-button {
   display: none;
 }
@@ -2544,7 +2563,8 @@ div[data-type=codeBlock] .token.inserted {
 .cherry-editor .CodeMirror-lines {
   padding: 15px 34px;
 }
-.cherry-editor .CodeMirror-lines .drawio, .cherry-editor .CodeMirror-lines .base64 {
+.cherry-editor .CodeMirror-lines .drawio,
+.cherry-editor .CodeMirror-lines .base64 {
   display: inline-block;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -2565,7 +2585,8 @@ div[data-type=codeBlock] .token.inserted {
   font-family: "Menlo", "Liberation Mono", "Consolas", "DejaVu Sans Mono", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace;
   font-size: 0.9em;
 }
-.cherry-editor .cm-s-default .cm-whitespace, .cherry-editor .cm-tab {
+.cherry-editor .cm-s-default .cm-whitespace,
+.cherry-editor .cm-tab {
   font-family: "Menlo", "Liberation Mono", "Consolas", "DejaVu Sans Mono", "Ubuntu Mono", "Courier New", "andale mono", "lucida console", monospace;
   font-size: 0.9em;
 }