draft_note.scss 1.84 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43
.draft-note-component {
  margin: 0;
  background: $orange-50;

  p {
    margin: 0;
  }

  .drafts-count-component {
    @include transition(background-color);
    background: rgba($green-500, 0.2);
  }

  button:focus,
  button:hover {
    .drafts-count-component {
      background: $black-transparent;
    }
  }

  .referenced-commands.draft-note-commands {
    background: $orange-100;
    font-size: $label-font-size;
    margin-top: $gl-padding;
    margin-left: 40px + $gl-padding;
  }

  .timeline-entry {
    background-color: transparent;
  }
}

button[disabled] {
  &,
  &:focus,
  &:hover {
    .drafts-count-component {
      background: $gl-gray-100;
    }
  }
}

.draft-note-header {
44
  padding: $gl-padding-8 $gl-padding;
45 46 47
  display: flex;
  justify-content: space-between;
  align-items: center;
48
}
49

50 51 52 53 54 55 56 57 58 59 60
.draft-note-resolution {
  padding: $gl-padding-4 $gl-padding;
  line-height: 1;
  font-size: $label-font-size;
  color: $theme-gray-700;
  flex-grow: 1;

  svg {
    vertical-align: text-bottom;
    display: inline-block;
  }
61

62
  .is-resolving-discussion & {
63
    svg {
64 65 66 67 68 69 70
      color: $green-600;
    }
  }

  .is-unresolving-discussion & {
    svg {
      color: $gray-darkest;
71 72 73 74 75 76 77 78 79 80 81
    }
  }
}

.draft-pending-label {
  background: $orange-600;
  color: $white-light;
  vertical-align: text-top;
}

.draft-note-actions {
82
  padding: $gl-padding;
83 84 85 86 87 88
}

.discussion-body,
.diff-file {
  .notes .note {
    &.draft-note {
89 90 91
      background-color: $white-light;
      margin: 0 $gl-padding;
      border: 1px solid $border-color;
92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114

      .timeline-entry-inner {
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0;
      }
    }
  }

  .notes_holder {
    .notes_content {
      &.parallel ul.draft-notes > li {
        padding-left: 40px;
      }

      .notes {
        &.draft-notes {
          background-color: transparent;
        }
      }
    }
  }
}