BigW Consortium Gitlab

markdown_area.scss 2.65 KB
Newer Older
1 2 3 4 5 6 7 8
.div-dropzone-wrapper {
  .div-dropzone {
    position: relative;

    .div-dropzone-hover {
      position: absolute;
      top: 50%;
      left: 50%;
9 10
      margin-top: -11.5px;
      margin-left: -15px;
11
      opacity: 0;
12
      font-size: 30px;
13
      transition: opacity 200ms ease-in-out;
14
      pointer-events: none;
15 16 17 18
    }

    .div-dropzone-spinner {
      position: absolute;
19 20
      bottom: 10px;
      right: 5px;
21
      opacity: 0;
22
      font-size: 20px;
23 24 25 26 27 28 29 30 31
      transition: opacity 200ms ease-in-out;
    }

    .div-dropzone-icon {
      display: block;
      text-align: center;
      font-size: inherit;
    }

32 33 34 35 36 37 38 39 40
    .div-dropzone-progress {
      position: absolute;
      top: 7px;
      left: -40px;
      width: 35px;
      font-size: 13px;
      text-align: right;
    }

41 42 43 44 45 46 47 48 49 50 51
    .dz-preview {
      display: none;
    }
  }
}

.div-dropzone-alert {
  margin-top: 5px;
  margin-bottom: 0;
  transition: opacity 200ms ease-in-out;
}
52

53 54 55 56
.md-area {
  position: relative;
}

57 58 59 60 61 62 63 64 65 66 67
.md-header {
  .nav-links {
    .active {
      a {
        border-bottom-color: #000;
      }
    }

    a {
      padding-top: 0;
      line-height: 1;
68 69 70 71 72
      border-bottom: 1px solid $border-color;

      &.btn.btn-xs {
        padding: 2px 5px;
      }
73 74 75 76
    }
  }
}

77
.referenced-users {
78 79
  color: #4c4e54;
  padding-top: 10px;
80 81
}

82
.md-preview-holder {
83 84
  min-height: 167px;
  padding: 10px 0;
85
  overflow-x: auto;
86 87
}

88
.markdown-area {
Clement Ho committed
89
  border-radius: 0;
90
  background: #fff;
91
  border: 1px solid #ddd;
92
  min-height: 140px;
93
  max-height: 500px;
94 95 96 97
  padding: 5px;
  box-shadow: none;
  width: 100%;
}
98 99 100

.md {
  &.md-preview-holder {
101
    // Reset ul style types since we're nested inside a ul already
102
    @include bulleted-list;
103
  }
104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124

  // On diffs code should wrap nicely and not overflow
  code {
    white-space: pre-wrap;
    word-break: keep-all;
  }

  hr {
    // Darken 'whitesmoke' a bit to make it more visible in note bodies
    border-color: darken(#f5f5f5, 8%);
    margin: 10px 0;
  }

  // Border around images in issue and MR comments.
  img:not(.emoji) {
    border: 1px solid $table-border-gray;
    padding: 5px;
    margin: 5px 0;
    // Ensure that image does not exceed viewport
    max-height: calc(100vh - 100px);
  }
125
}
126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144

.toolbar-group {
  float: left;
  margin-right: -5px;
  margin-left: $gl-padding;

  &:first-child {
    margin-left: 0;
  }
}

.toolbar-btn {
  float: left;
  padding: 0 5px;
  color: #959494;
  background: transparent;
  border: 0;
  outline: 0;

145 146
  &:hover,
  &:focus {
147 148 149
    color: $gl-link-color;
  }
}
150

151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166
.atwho-view {
  small.description {
    float: right;
    padding: 3px 5px;
  }

  .avatar-inline {
    margin-bottom: 0;
  }

  .cur {
    .avatar {
      border: 1px solid $white-light;
    }
  }
}