artalk 2.7.1 → 2.7.2

package/src/style/editor.scss

@@ -1,194 +0,0 @@
-.atk-main-editor {
-  $editor-padding: 10px;
-  position: relative;
-  overflow: hidden;
-  background: var(--at-color-bg);
-  border: 1px solid var(--at-color-border);
-  border-radius: $block-radius;
-  margin-bottom: 10px;
-
-  @media only screen and (max-width: 768px) {
-    margin-bottom: 7px;
-  }
-
-  &.editor-traveling {
-    margin-top: 5px;
-    margin-bottom: 10px;
-  }
-
-  & > .atk-header {
-    display: flex;
-    flex-direction: row;
-    padding: 10px 14px 0;
-
-    input {
-      flex: 1;
-      width: 100%;
-      font-size: 14px;
-      background: transparent;
-      border: 2px solid transparent;
-      border-radius: calc($block-radius / 2);
-      padding: 6px 5px;
-      resize: none;
-      outline: none;
-
-      &:not(:last-child) {
-        margin-right: 2px;
-      }
-    }
-  }
-
-  & > .atk-textarea-wrap {
-    position: relative;
-
-    & > .atk-textarea {
-      display: block;
-      overflow: hidden;
-      color: var(--at-color-font);
-      font-size: 15px;
-      background-color: var(--at-color-bg);
-      border: 2px solid transparent;
-      border-radius: calc($block-radius / 2);
-      width: 100%;
-      min-height: 120px;
-      margin-top: 2px;
-      padding: 10px 20px;
-      resize: none;
-      word-wrap: break-word;
-      outline: none;
-    }
-
-    & > .atk-comment-closed {
-      pointer-events: none;
-      color: var(--at-color-meta);
-      font-size: 12px;
-      background-color: var(--at-color-bg);
-      border-top: 1px solid var(--at-color-border);
-      padding: 5px 15px;
-      margin-top: 10px;
-      // background: repeating-linear-gradient(145deg, #f2f2f2, #f2f2f2 15px, #fff 0, #fff 30px);
-    }
-
-    & > .atk-send-reply {
-      z-index: 2;
-      position: absolute;
-      right: 7px;
-      bottom: 2px;
-      max-width: calc(100% - 20px);
-      height: 30px;
-      line-height: 30px;
-      font-size: 14px;
-      background: var(--at-color-bg-grey-transl);
-      padding: 0 30px 0 10px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      cursor: pointer;
-      border-radius: calc($block-radius / 2);
-
-      .atk-text {
-      }
-
-      .atk-cancel {
-        position: absolute;
-        right: 0;
-        bottom: 0;
-        height: 30px;
-        text-align: center;
-        width: 30px;
-        line-height: 30px;
-        font-weight: 700;
-
-        &:hover {
-          color: var(--at-color-deep);
-        }
-      }
-    }
-  }
-
-  & > .atk-plug-panel-wrap {
-    position: relative;
-    height: 180px;
-    width: 100%;
-    overflow: hidden;
-    border-top: 1px solid var(--at-color-border);
-    animation: 0.3s both atkFadeIn;
-    transition: 0.2s height ease-in-out;
-  }
-
-  & > .atk-bottom {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    padding: 5px 5px 5px 10px;
-
-    & > .atk-item {
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-    }
-
-    .atk-plug-btn {
-      padding: 0 8px;
-      line-height: 24px;
-      cursor: pointer;
-      color: var(--at-color-grey);
-      font-size: $font-size;
-      user-select: none;
-      border-radius: calc($block-radius / 2);
-
-      &:not(:last-child) {
-        margin-right: 2px;
-      }
-
-      &:hover {
-        background: var(--at-color-bg-grey);
-      }
-
-      &.active {
-        color: var(--at-color-main);
-
-        svg.markdown path {
-          fill: var(--at-color-main);
-        }
-      }
-
-      i {
-        color: var(--at-color-grey);
-        display: inline-flex;
-        vertical-align: sub;
-        margin-left: 4px;
-        svg.markdown path {
-          fill: var(--at-color-grey);
-        }
-      }
-    }
-
-    .atk-send-btn {
-      background: var(--at-color-main);
-      color: #fff;
-      font-size: $font-size;
-      border: none;
-      margin: 0;
-      height: 30px;
-      width: 8em;
-      cursor: pointer;
-      transition: opacity 0.3s ease-in-out;
-      outline: none;
-      border-radius: calc($block-radius / 2);
-
-      &:active {
-        opacity: 0.9;
-      }
-    }
-  }
-
-  & > .atk-notify-wrap {
-    z-index: 3;
-    position: absolute;
-    right: -2px;
-    bottom: 40px;
-    width: 225px;
-    opacity: 0.83;
-  }
-}

package/src/style/list.scss

@@ -1,212 +0,0 @@
-.artalk > .atk-list {
-  position: relative;
-
-  & > .atk-list-header {
-    display: flex;
-    flex-direction: row;
-    padding: 10px 17px 10px 17px;
-
-    .atk-text {
-      display: inline-block;
-    }
-
-    /* 下拉选择层 */
-    .atk-dropdown-wrap {
-      position: relative;
-      cursor: pointer;
-
-      .atk-arrow-down-icon {
-        cursor: pointer;
-        vertical-align: middle;
-        border-top: 5px solid var(--at-color-grey);
-        border-left: 3px solid transparent;
-        border-right: 3px solid transparent;
-        margin-top: -1px;
-        margin-left: 0.8rem;
-        display: inline-block;
-      }
-
-      &:hover {
-        .atk-dropdown {
-          display: block;
-        }
-      }
-
-      .atk-dropdown {
-        z-index: 3;
-        display: none;
-        height: auto !important;
-        max-height: calc(100vh - 2.7rem);
-        overflow-y: auto;
-        position: absolute;
-        top: 100%;
-        right: 0;
-        width: 100%;
-        background-color: var(--at-color-bg);
-        padding: 0.6rem 0;
-        border: 1px solid var(--at-color-border);
-        text-align: center;
-        border-radius: $block-radius;
-        white-space: nowrap;
-        margin: 0;
-        list-style: none;
-      }
-
-      .atk-dropdown-item {
-        span, a {
-          display: block;
-          line-height: 2rem;
-          position: relative;
-          border-bottom: none;
-          font-weight: 400;
-          padding: 0 1.5rem;
-
-          &:hover {
-            color: var(--at-color-main);
-          }
-        }
-
-        &.active span, a {
-          color: var(--at-color-main);
-        }
-      }
-    }
-
-    .atk-comment-count {
-      font-size: 15px;
-
-      .atk-comment-count-num {
-        font-size: 22px;
-        margin-right: 4px;
-      }
-    }
-
-    .atk-right-action {
-      display: flex;
-      flex: 1;
-      flex-direction: row;
-      align-items: center;
-      justify-content: flex-end;
-
-      & > span {
-        font-size: 14px;
-        color: var(--at-color-meta);
-        cursor: pointer;
-        user-select: none;
-        position: relative;
-
-        &.atk-on, &.atk-on * {
-          color: var(--at-color-main);
-        }
-
-        &:not(:last-child):not(.atk-hide) {
-          margin-right: 10px;
-          padding-right: 10px;
-        }
-
-        .atk-unread-badge {
-          position: absolute;
-          top: -5px;
-          left: -6px;
-          color: #fff;
-          background: var(--at-color-pink);
-          text-align: center;
-          min-width: 16px;
-          height: 16px;
-          padding: 0 3px;
-          border-radius: 8px;
-          line-height: 16px;
-          font-size: 12px;
-        }
-      }
-    }
-  }
-
-  & > .atk-list-body {
-    min-height: 150px;
-
-    .atk-list-comments-wrap {
-      .atk-main-editor {
-      }
-    }
-  }
-
-  & > .atk-list-footer {
-    text-align: right;
-
-    @media only screen and (max-width: 768px) {
-      float: initial;
-      text-align: center;
-    }
-
-    .atk-copyright {
-      display: block;
-      font-size: 12px;
-      color: var(--at-color-meta);
-      padding-right: 15px;
-
-      a {
-        color: var(--at-color-main);
-        text-decoration: none;
-      }
-    }
-  }
-}
-
-.atk-list-no-comment {
-  height: 150px;
-  display: flex;
-  font-size: 19px;
-  justify-content: center;
-  align-items: center;
-  word-break: break-word;
-  text-align: center;
-}
-
-.atk-list-read-more {
-  border-top: 1px dashed var(--at-color-border);
-  margin-top: 28px;
-  padding-bottom: 25px;
-
-  @media only screen and (max-width: 768px) {
-    padding-bottom: 10px;
-  }
-
-  &.atk-err .atk-text {
-    color: var(--at-color-red) !important;
-  }
-
-  .atk-list-read-more-inner {
-    cursor: pointer;
-    user-select: none;
-    padding: 0 15px;
-    font-size: $font-size;
-    border-radius: $block-radius;
-    border: 1px solid transparent;
-    display: flex;
-    height: 30px;
-    flex-direction: row;
-    place-content: center;
-    align-items: center;
-    width: 120px;
-    margin: 0 auto;
-    margin-top: -15px;
-    background: var(--at-color-bg);
-    border-color: var(--at-color-border);
-
-    & > .atk-loading-icon {
-      height: 15px;
-      width: 15px;
-    }
-
-    & > .atk-text {
-      color: var(--at-color-meta);
-    }
-
-    &:hover {
-      background: var(--at-color-bg-grey);
-      & > .atk-text {
-      }
-    }
-  }
-}