app-message-popover.less 1.3 KB
Newer Older
1 2 3 4
.app-message-popover {
  height: 24px;
  line-height: 24px;
  padding: 0 5px 0 0;
5 6 7 8 9 10 11 12
  .el-badge__content.is-fixed.is-dot {
      right: 14px;
      top: 6px;
  }
}

.message-popover-container {
  z-index: 200 !important;
13 14 15 16 17 18
}

.popover__show-more {
  text-align: center;
  margin-top: 10px;
  height: 20px;
19

20
  label {
21
      cursor: pointer;
22 23 24
  }
}

25
#bell-btn {
26 27 28
  height: 24px;
  font-size: 19px;
  padding-top: 2px;
29
  padding-right: 2px;
30 31 32 33 34 35 36 37 38
  cursor: pointer;
}

.popover__content {
  min-height: 70px;
  height: auto;
  display: flex;
  align-items: center;
  .popover__content__avatar {
39
      text-align: center;
40 41
  }

42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57
  .popover__content__caption {
      .process-definition-name {
          font-size: 14px;
          padding-top: 5px;
      }
      .process-definition-name:hover {
          cursor: pointer;
      }
      .description {
          margin-top: 6px;
          margin-bottom: 6px;
          max-width: 95%;
      }
      .createtime {
          padding-bottom: 5px;
      }
58

59 60 61 62 63 64 65 66 67 68 69 70
      .el-row {
          display: flex;
      }
      .el-col {
          flex-grow: 1;
      }
      .process-definition-name:first-child {
          font-weight: 500;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
      }
71

72 73 74
      .process-definition-name:nth-child(n + 2) {
          font-size: 12px;
      }
75
  }
76
}