@seafile/seafile-editor 0.3.76

package/dist/css/topbar.css

@@ -0,0 +1,400 @@
+.seafile-btn-view-review {
+  display: flex;
+  align-items: center;
+}
+
+.seafile-btn-view-review .tag:hover {
+  cursor: pointer;
+}
+
+.topbar-btn-container {
+  display: flex;
+  align-items: center;
+}
+
+.seafile-btn-add-review {
+  margin-right: 10px;
+}
+
+.btn-new-draft {
+  margin-right: 10px;
+}
+
+.collab-users-dropdown.dropdown {
+  margin-right: 6px;
+}
+
+.seafile-btn-group div button {
+  border: none;
+}
+
+.seafile-btn-group  div button:not(.dropdown-item) {
+  border-top: 1px solid #e5e5e5;
+  border-bottom: 1px solid #e5e5e5;
+  border-right: 1px solid #e5e5e5;
+  border-radius: 0;
+}
+
+.seafile-btn-group div:first-child button {
+  border-radius: 3px 0 0 3px;
+  border-left: 1px solid #e5e5e5;
+}
+
+.seafile-btn-group div:last-child button {
+  border-radius: 0 3px 3px 0;
+  border-right: 1px solid #e5e5e5;
+}
+
+.seafile-btn-group div button:disabled {
+  border-color: #e5e5e5;
+}
+
+/*topbar style*/
+.menu > * {
+  display: inline-block;
+}
+
+.menu > * + * {
+  margin-left: 10px;
+}
+
+.btn-active {
+  color: #0c0c0c;
+  cursor: pointer;
+}
+
+.rich-icon-btn[data-active='true'] {
+  color: #eb8205;
+}
+
+.btn-active[data-active='true'] {
+  color: #eb8205;
+}
+.tableToolBar {
+  font-size: 12px;
+  display: inline-flex;
+}
+
+.tableToolBar div .symbol {
+  font-size: 14px;
+}
+
+.tableToolBar .btn {
+  color: #555555;
+}
+
+.tableToolBar:after {
+  content: '';
+  display: block;
+  clear: both;
+}
+
+.table-toolbar-group {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  border-right: 1px solid #e5e5e5;
+  padding-right: 10px;
+}
+
+.tableToolBar div:not(first):not(.drop-list) {
+  /*display: inline-block;*/
+  margin-left:10px;
+}
+
+/*topbar style*/
+
+.menu {
+  margin-right: 20px;
+}
+
+.rich-menu {
+  flex: 1;
+  display: flex;
+  justify-content: center;
+  height: 39px;
+  align-items: center;
+  padding: 0 10px;
+  background-color: #fcfcfc;
+}
+
+.topbar-head {
+  width: 100%;
+  height: 56px;
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 1px solid #e5e5e5;
+  padding: 4px 10px;
+}
+
+.editor-info {
+  display: flex;
+  align-items: center;
+}
+
+.button-container {
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+
+.button-container .btn {
+  background-color: #fcfcfc;
+}
+
+.button-container .rich-icon-btn {
+  background-color: #fcfcfc;
+}
+
+.button-container .dropdown-menu-right .iconfont {
+  display: inline-block;
+  transform: scale(0.8);
+  font-size: 0.875rem;
+  font-weight: 900;
+}
+
+.seafile-rich-editor-topbar .editor-btn-group {
+  height: 100%;
+  padding: 5px 0 5px 5px;
+  font-size: 0.75rem;
+  border-right: 1px solid #e5e5e5;
+  color: #555555;
+}
+
+.header-list-container {
+  height: 39px;
+  border-right: 1px solid #e5e5e5;
+  width: 140px;
+  padding: 5px 5px;
+  box-sizing: border-box;
+  border-left: 1px solid #e5e5e5;
+}
+
+.header-list-container .header-list {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+
+.header-list-container .header-list-body-highlight {
+  background-color: #e5e5e5;
+}
+
+.header-list-container .header-list-body-hover:hover {
+  background-color: #e5e5e5;
+}
+
+.header-list-container .list-body {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  line-height: 100%;
+  vertical-align: middle;
+  justify-content: space-between;
+  border-radius: 2px;
+  padding: 0 3px;
+}
+
+
+.list-body div {
+  display: inline-block;
+  line-height: 30px;
+}
+.header-list-container .list-dropdown {
+  position: absolute;
+  left: 0;
+  top: 32px;
+  border: 1px solid #e5e5e5;
+  border-radius: 2px;
+  padding: 8px 0;
+  box-shadow: 0 0 10px #ccc;
+  background-color: #ffffff;
+  min-width: max-content;
+  box-sizing: border-box;
+}
+
+.header-list-container .header-list .list-dropdown-item {
+  cursor: pointer;
+  height: 30px;
+  width: 100%;
+  padding: 4px 24px;
+}
+
+.header-list-container .header-list .list-dropdown-item:hover {
+  background-color: rgb(245, 245, 245);
+}
+
+.rich-icon-btn {
+  border: 1px solid transparent;
+  height: 100%;
+  width: 30px;
+  line-height: 30px;
+  margin-right: 10px;
+  color: #555555;
+}
+
+.rich-icon-btn-disabled {
+  color: #999999;
+}
+
+.rich-icon-btn-hover:hover {
+  background-color: #e5e5e5;
+  border-radius: 2px;
+}
+
+.rich-dropdown {
+  border: none;
+  margin-left: 10px;
+  color: #555555;
+}
+
+.tableToolBar .table-toolbar-btn {
+  line-height: 28px;
+  padding: 0 15px;
+  height: 30px;
+}
+
+.file-go-back {
+  display: inline-block;
+  font-size: 28px;
+  color: #c0c0c0;
+  margin-right: 8px;
+}
+.file-go-back:hover {
+  cursor: pointer;
+}
+.file-go-back i {
+  vertical-align: 5px;
+}
+
+.topbar-file-info {
+  display: inline-block;
+  margin-left: 8px;
+  /*
+    only select file info text
+  */
+  user-select: text;
+}
+.topbar-file-info .file-title {
+  font-size: 1.2rem;
+  font-weight: bold;
+}
+
+.topbar-file-info .file-title .iconfont {
+  font-size: 0.875rem;
+}
+
+.file-title .file-star,
+.file-title .file-internal-link {
+  font-size: 0.875rem;
+  cursor: pointer;
+  margin-left: 0.5rem;
+  vertical-align: text-bottom;
+  color: #999;
+}
+
+.file-title .file-star .star {
+  color: #999;
+}
+
+.topbar-file-info .file-state .file-modifier-name {
+  margin-right: 0.5rem;
+}
+
+.topbar-file-info .file-state .file-modifier-savedraft {
+  margin-left: 0.5rem;
+  color: #888;
+}
+
+.topbar-file-info .file-state {
+  font-size: 0.8125rem;
+}
+
+.file-internal-link:hover {
+  color: #333;
+}
+
+p.tip {
+  color: #bbb;
+}
+
+.tag a {
+  color: #fff; 
+  text-decoration: underline !important;
+}
+
+.tag a:hover {
+  color: #eb8205 !important;
+}
+
+.custom-dropdown-list {
+  position: relative;
+  margin-right: 10px;
+}
+
+.custom-dropdown-list .dropdown-list-toggle {
+  width: 30px;
+  height: 28px;
+  text-align: center;
+  line-height: 28px;
+  font-size: 0.75rem;
+}
+
+.custom-dropdown-list .dropdown-list-toggle:hover {
+  background-color: #e5e5e5;
+  border-radius: 3px;
+}
+.custom-dropdown-list .custom-dropdown-menu {
+  position: absolute;
+  left: 0;
+  font-size: 0.85rem;
+  top: 28px;
+  display: block;
+  background-color: #ffffff;
+}
+
+@media (max-width: 991.8px) {
+  .seafile-md-viewer-main-panel {
+    margin: 0 2%;
+  }
+  .topbar-file-info .file-title {
+    min-width: 150px;
+  }
+  .rich-menu {
+    overflow-x: auto;
+  }
+  .rich-menu::-webkit-scrollbar{
+    display: none;
+  }
+  .rich-menu .button-container {
+    width: stretch;
+  }
+  .list-body div {
+    margin-left: 10px;
+  }
+}
+
+.sf-editor-rich-menu {
+  height: 39px;
+  background-color: #fcfcfc;
+}
+
+.seafile-simple-editor {
+  height: 100%;
+  min-width: 768px;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  border: 1px solid #e5e5e5;
+}
+
+.seafile-simple-editor .editor {
+  margin: 0;
+  padding: 10px;
+  height: 100%;
+  border: none;
+}
+
+.seafile-simple-editor .header-list-container {
+  border-left: 0;
+}

package/dist/editor/code-highlight-package.js

@@ -0,0 +1,27 @@
+require('prismjs/components/prism-c.min');
+
+require('prismjs/components/prism-cpp.min');
+
+require('prismjs/components/prism-csharp.min');
+
+require('prismjs/components/prism-java.min');
+
+require('prismjs/components/prism-python.min');
+
+require('prismjs/components/prism-sql.min');
+
+require('prismjs/components/prism-swift.min');
+
+require('prismjs/components/prism-json.min');
+
+require('prismjs/themes/prism.css');
+
+require('prismjs/plugins/toolbar/prism-toolbar.css');
+
+require('prismjs/plugins/line-numbers/prism-line-numbers.css');
+
+require('prismjs/plugins/toolbar/prism-toolbar.min');
+
+require('prismjs/plugins/show-language/prism-show-language.min');
+
+require('prismjs/plugins/line-numbers/prism-line-numbers.min');