BigW Consortium Gitlab

markdown_area.scss 2.77 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
.md-header {
  .nav-links {
    a {
      padding-top: 0;
61
      line-height: 19px;
62 63 64 65

      &.btn.btn-xs {
        padding: 2px 5px;
      }
66 67 68 69 70

      &:focus {
        margin-top: -10px;
        padding-top: 10px;
      }
71 72 73 74
    }
  }
}

75
.referenced-users {
76
  color: $gl-text-color;
77
  padding-top: 10px;
78 79
}

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

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

.md {
  &.md-preview-holder {
99
    // Reset ul style types since we're nested inside a ul already
100
    @include bulleted-list;
101
  }
102 103 104 105 106 107 108 109 110

  // 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
111
    border-color: darken($gray-normal, 8%);
112 113 114 115 116
    margin: 10px 0;
  }

  // Border around images in issue and MR comments.
  img:not(.emoji) {
117
    border: 1px solid $white-normal;
118 119 120 121 122
    padding: 5px;
    margin: 5px 0;
    // Ensure that image does not exceed viewport
    max-height: calc(100vh - 100px);
  }
123
}
124 125 126 127 128 129 130 131 132 133 134 135 136 137

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

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

.toolbar-btn {
  float: left;
  padding: 0 5px;
138
  color: $gl-text-color-secondary;
139 140 141 142
  background: transparent;
  border: 0;
  outline: 0;

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

149
.atwho-view {
150 151 152
  overflow-y: auto;
  overflow-x: hidden;

153 154 155 156 157 158 159 160 161 162 163 164
  small.description {
    float: right;
    padding: 3px 5px;
  }

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

  .cur {
    .avatar {
      border: 1px solid $white-light;
165
      @include disableAllAnimation;
166 167
    }
  }
168 169 170 171

  ul > li {
    white-space: nowrap;
  }
172
}