@seafile/seafile-editor 0.3.76

package/dist/css/richeditor/link.css

@@ -0,0 +1,7 @@
+.article .virtual-link {
+  color: #eb8205;
+}
+
+.article .virtual-link:hover {
+  text-decoration: underline;
+}

package/dist/css/richeditor/navbar-imgbutton.css

@@ -0,0 +1,79 @@
+.upload-localimg .btn {
+  margin-left: -1px;
+  border: none;
+  line-height: 20px;
+  margin-right: 5px;
+  padding: 0;
+  color: #555;
+  min-width: 30px;
+  height: 30px;
+  width: 30px;
+}
+
+.upload-localimg-disabled .btn {
+  cursor: default;
+}
+
+.upload-localimg-hover .btn:hover {
+  background-color: #e5e5e5;
+}
+
+.upload-localimg-disable .btn {
+  color: #999999;
+}
+
+.editor-btn-group .image-uploader {
+  display: none;
+}
+
+.editor-btn-group .image-uploader-label {
+  margin-bottom: 0;
+  width: 100%;
+  padding: 0.25rem 1.5rem;
+}
+
+.editor-btn-group .image-uploader-btn {
+  padding: 0;
+}
+
+.insert-file {
+  position: relative;
+  display: inline-block;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 10px;
+}
+.insert-file input {
+  position: absolute;
+  right: -7px;
+  top: -7px;
+  opacity: 0;
+  filter: alpha(opacity=0);
+  width: 40px;
+  height: 40px;
+}
+.insert-file:hover {
+  background-color: #e5e5e5;
+}
+.insert-file-disabled:hover {
+  background-color: #fff;
+}
+.insert-file-disabled input {
+  color: #999;
+}
+.button-container .toggle-side-panle-icon {
+  position: absolute;
+}
+.rich-menu .side-panel-btn {
+  display: none;
+}
+@media (max-width: 991.8px) {
+  .button-container .toggle-side-panle-icon {
+    display: none;
+  }
+  .rich-menu .side-panel-btn {
+    display: block;
+  }
+}

package/dist/css/richeditor/participants-list.css

@@ -0,0 +1,22 @@
+.participants {
+  min-height: 30px;
+}
+.participants .avatar {
+  width: 28px;
+  height: 28px;
+  border: 2px solid #fff;
+}
+.participants .add-participants {
+  position: absolute;
+  cursor: pointer;
+  bottom: -3px;
+}
+.participants .add-participants i {
+  font-size: 16px;
+  color: rgb(229, 162, 82);
+  border: 2px solid #fff;
+  border-radius: 50%;
+}
+.participants .participant-avatar, .participants .add-participants {
+  margin-right: -0.5rem;
+}

package/dist/css/richeditor/rich-editor-main.css

@@ -0,0 +1,42 @@
+.editor-main-panel {
+  background-color: rgb(250, 250, 249);
+  height: 100%;
+  width: 100%;
+  display: flex;
+  overflow-y: auto; 
+  overflow-x: hidden;
+  position: relative;
+}
+
+.seafile-editor-resize {
+  height: 100%;
+  width: 3px;
+  background-color: transparent;
+  position: absolute;
+  top: 0;
+  cursor: col-resize;
+  z-index: 1;
+}
+
+.editor-container {
+  /* this container is needed to show the scroll bar */
+  height: 100%;
+  overflow-y: auto;
+  flex: 1 1 auto;
+  position: relative;
+}
+.editor {
+  min-height: calc(100% - 40px);
+  background: #fff;
+  padding: 40px 60px;
+  margin: 20px 40px;
+  border: 1px solid rgb(230,230,221);
+  overflow-x: hidden;
+}
+
+.rich-editor-container {
+  width: 80%;
+  flex: 1, 1, auto;
+  height: 100%;
+  margin: 0 auto; 
+}

package/dist/css/richeditor/right-panel.css

@@ -0,0 +1,84 @@
+
+.seafile-editor-help {
+  width: 250px;
+  height: 100%;
+  flex: 0 0 350px;
+  background-color: #fff;
+  overflow-y: auto;
+  overflow-x: hidden;
+  border-left: 1px solid #eee;
+}
+
+.seafile-editor-help .help-header{
+  height: 50px;
+  background-color: rgb(250,250,249);
+  justify-content: space-between;
+  padding: 0 10px;
+  box-sizing: border-box;
+  border-bottom: 1px solid #eee;
+  line-height: 50px;
+  font-size: 1rem;
+}
+
+.seafile-editor-help .help-title {
+  font-weight: bolder;
+  margin-bottom: 0;
+}
+
+.help-close {
+  font-weight: normal;
+  color: #b9b9b9;
+}
+
+.help-close:hover {
+  color: #888;
+}
+
+.help-content {
+  height: calc(100% - 50px);
+  overflow-y: auto;
+  padding: 0 15px;
+  box-sizing: border-box;
+  font-size: 0.8rem;
+}
+
+.help-shortcut {
+  display: flex;
+  border-bottom: 1px solid #eee;
+  justify-content: space-between;
+  color: #2c2d30;
+  padding: 10px 0;
+}
+
+.help-shortcut-left {
+  word-break: break-all;
+  line-height: 30px;
+}
+
+.help-content .help-shortcut-type {
+  border-bottom: 1px solid #eee;
+  /*height: 50px;*/
+  line-height: 2;
+  font-weight: bolder;
+  margin: 10px 0 0 0;
+}
+
+.help-shortcut .key {
+  display: inline-block;
+  border-radius: 3px;
+  background-color: #e8e8e8;
+  border: 1px solid #919191;
+  box-shadow: 0 1px 0 #919193;
+  padding: 3px 5px;
+  margin-left: 5px;
+  height: 30px;
+  line-height: 20px;
+}
+
+.help-shortcut-right {
+  min-width: max-content;
+}
+
+.help-shortcut-right-container:not(:first-child) {
+  margin-top: 10px;
+}

package/dist/css/richeditor/side-panel.css

@@ -0,0 +1,190 @@
+.seafile-editor-module .side-panel {
+  user-select: none;
+  height:100%;
+  background-color: #f5f7fa;
+}
+.seafile-editor-module .side-panel .nav {
+  border-bottom: 1px solid #eee;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  min-width: 125px;
+  height: 36px;
+  flex-wrap: nowrap;
+}
+.seafile-editor-module .side-panel .nav .nav-item {
+  padding: 0 0.75rem;
+}
+.seafile-editor-module .side-panel .nav .nav-link {
+  padding: 0 0.75rem;
+  transition: 0.3s color;
+  margin-right: 0;
+}
+.seafile-editor-module .side-panel .nav-link {
+  color: #888;
+}
+.seafile-editor-module .side-panel .nav .nav-link.active {
+  color: #f19645;
+  border-bottom: 0;
+}
+.seafile-editor-module .side-panel .nav .iconfont {
+  font-weight: 700;
+  font-size: 0.875rem;
+}
+.seafile-editor-module .side-panel-content {
+  padding-top: 8px;
+  padding-bottom: 8px;
+  height: calc(100% - 36px);
+  overflow: hidden;
+  font-size: 0.937rem;
+}
+
+.seafile-editor-module .side-panel-content:hover {
+  overflow: auto;
+}
+
+.seafile-editor-module .side-panel .issue-container {
+  width: 100%;
+  padding: 0 10px 10px 10px;
+  margin-top: -10px;
+}
+
+.issue-card {
+  background-color: #fff;
+  border: 1px solid rgba(0, 40, 100, 0.12);
+  border-radius: 5px;
+  padding-left: 5px;
+  margin-top: 10px;
+  position: relative;
+  word-break: break-word;
+  box-shadow: 0 5px 5px -2px rgba(200,200,200, 0.5);
+}
+
+.issue-card:before {
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 3px;
+  content: '';
+  background-color: rgb(217, 130, 43);
+  border-radius: 3px 0 0 3px;
+}
+.issue-card-title {
+  font-size: 16px;
+  padding: 5px 10px 3px 10px;
+}
+
+.issue-card-description {
+  padding: 0 10px 5px 10px;
+  color: #aaa;
+}
+
+.size-panel-no-content {
+  width: 100%;
+  text-align: center;
+  color: #9a9a9a;
+  padding-top: 10px;
+}
+
+.image-view {
+  width: 200px;
+  height: 150px;
+  position: absolute;
+  background-color: #fff;
+  z-index: 1004;
+  box-shadow: 0 0 10px #aaa;
+  border-radius: 3px;
+  line-height: 150px;
+  overflow: hidden;
+  font-size: 0;
+  text-align: center;
+}
+
+.image-view img {
+  max-width: 100%;
+  max-height: 100%;
+}
+
+.image-view i {
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  line-height: 150px;
+  font-size: 30px;
+  color: #eb8205;
+  -moz-animation: rotate 1.5s ease infinite;
+  -webkit-animation: rotate 1.5s ease infinite;
+  animation: rotate 1.5s ease infinite;
+}
+
+@keyframes rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.seafile-editor-outline {
+  margin-right: 1rem;
+}
+
+.outline-h2, .outline-h3 {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.outline-h2 {
+  margin-left: 20px;
+  line-height: 2.5;
+  color:#364149;
+  white-space: nowrap;
+  cursor:pointer;
+}
+.outline-h2:hover {
+  color: #eb8205;
+}
+.outline-h3 {
+  margin-left: 40px;
+  line-height: 2.5;
+  color:#364149;
+  white-space: nowrap;
+  cursor:pointer;
+}
+.outline-h3:hover {
+  color: #eb8205;
+}
+
+.seafile-editor-all-panel .editor-container .article {
+  margin: 20px auto;
+  max-width: 950px;
+}
+
+@media (max-width: 991.8px) {
+  .seafile-editor {
+    min-width: calc(100% - 40px);
+  }
+  .seafile-editor-main-panel {
+    width: calc(100% - 200px);
+  }
+  .seafile-editor-side-panel {
+    min-width: 200px;
+  }
+  .editor-container {
+    width: 100%;
+  }
+  .editor-container .editor {
+    margin: 20px !important;
+    padding: 20px 30px;
+  }
+}
+@media (max-width: 768px) {
+  .editor-container .editor {
+    margin: 0 !important;
+    padding: 10px 15px;
+    border: 0;
+  }
+}

package/dist/css/richeditor/table.css

@@ -0,0 +1,57 @@
+
+.article td {
+  position: relative;
+}
+
+.article .selected-cell {
+  caret-color: transparent;
+  background-color: #fff4e6;
+}
+
+.article .selected-cell-top:before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  margin: -1px;
+  border-top: 1px double #ffa94d;
+  z-index: 2;
+}
+
+.article .selected-cell-bottom:before {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  margin: -1px;
+  border-bottom: 1px double #ffa94d;
+  z-index: 2;
+}
+
+.article .selected-cell-left:before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  margin: -1px;
+  border-left: 1px double #ffa94d;
+  z-index: 2;
+}
+
+.article .selected-cell-right:before {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  margin: -1px;
+  border-right: 1px double #ffa94d;
+  z-index: 2;
+}

package/dist/css/richeditor/textlink-hovermenu.css

@@ -0,0 +1,47 @@
+.seafile-ed-hovermenu {
+  width: 250px;
+  height: 40px;
+  display: flex;
+  position: absolute;
+  background-color: #fff;
+  border: 1px solid rgba(0, 40, 100, 0.12);
+  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  top: -3000px;
+  right: -3000px;
+  z-index: 1000;
+}
+.seafile-ed-hovermenu .seafile-ed-hovermenu-triangle {
+  width: 8px;
+  height: 8px;
+  transform: rotate(45deg);
+  background: #fff;
+  border-right: 1px solid rgba(0, 40, 100, 0.12);
+  border-bottom: 1px solid rgba(0, 40, 100, 0.12);
+  position: absolute;
+  top: 34px;
+  right: 50%;
+  z-index: 1001;
+}
+.seafile-ed-hovermenu .seafile-ed-hovermenu-link {
+  height: 38px;
+  max-width: 170px;
+  padding: 6px 12px;
+  display: inline-block;
+  line-height: 28px;
+  overflow: hidden;
+}
+.seafile-ed-hovermenu .seafile-ed-hovermenu-btn {
+  background-color: #fff;
+  width: 35px;
+  font-weight: normal;
+  color: #999999;
+  line-height: 26px;
+  font-size: 16px;
+}
+.seafile-ed-hovermenu .seafile-ed-hovermenu-btn, .seafile-ed-hovermenu .seafile-ed-hovermenu-btn:focus {
+  border: 0;
+  box-shadow: 0;
+}
+.seafile-ed-hovermenu-mouseclick {
+  background-color: #ddd;
+}

package/dist/css/richeditor/tree-view.css

@@ -0,0 +1,67 @@
+/*tree view */
+/* 
+* .tree-view .tree
+*   .tree-node
+*      .tree-node-inner
+*         .tree-node-icon
+*           .folder-toggle-icon
+*         .tree-node-text    
+*    
+*/
+.seafile-editor-module .tree-view {
+  padding-left: 10px;
+  line-height: 1.5;
+}
+
+.seafile-editor-module .tree-view-loading {
+  text-align: center;
+  margin-top: 2rem;
+  font-size: 1.5rem;
+}
+
+.seafile-editor-module .tree-view-loading i {
+  color: #b0b0b0;
+  -moz-animation: rotate 1.5s ease infinite;
+  -webkit-animation: rotate 1.5s ease infinite;
+  animation: rotate 1.5s ease infinite;
+}
+
+.seafile-editor-module .tree-node {
+  min-width: -moz-max-content;
+  min-width: -webkit-max-content;
+  min-width: max-content;
+}
+
+.seafile-editor-module .tree-node:not([type = 'dir']):hover {
+  background-color: rgb(255,239,178);
+}
+
+.seafile-editor-module .tree-node-inner {
+  position: relative;
+  padding-left: 12px;
+}
+
+/*
+  the main reason to icon can not be align is that .folder has a real width it take the place
+   of .tree-node-inner causing tree-node-icon not aligned , use absolute can make sure .tree-node-icon
+   is always at the far left of .tree-node-inner
+*/
+.seafile-editor-module .tree-node-icon {
+  margin-right: 0.4rem;
+  margin-left: 0.1rem;
+  display: inline-block;
+  width: 1rem;
+  text-align: center;
+  color: #b0b0b0;
+}
+
+.folder-toggle-icon {
+  position: absolute;
+  left: 0;
+  line-height: 1.5;
+  color: silver;
+}
+
+.seafile-editor-module .folder-toggle-icon.folder-caret-right {
+  left: -2.5px;
+}