repo.scss 5.03 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13
.modal.popup-dialog {
  display: block;
  background-color: $black-transparent;
  z-index: 2100;

  @media (min-width: $screen-md-min) {
    .modal-dialog {
      width: 600px;
      margin: 30px auto;
    }
  }
}

Luke "Jared" Bennett's avatar
Luke "Jared" Bennett committed
14 15
.project-refs-form,
.project-refs-target-form {
16 17 18
  display: inline-block;
}

19
.fade-enter,
20
.fade-leave-to {
21
  opacity: 0;
Jacob Schatz's avatar
Jacob Schatz committed
22 23
}

24
.commit-message {
Jacob Schatz's avatar
Jacob Schatz committed
25
  @include str-truncated(250px);
26 27
}

Jacob Schatz's avatar
Jacob Schatz committed
28
.editable-mode {
29 30 31
  display: inline-block;
}

32 33 34 35
@media (min-width: $screen-md-min) {
  .blob-viewer[data-type="rich"] {
    margin: 20px;
  }
36 37
}

38
.repository-view {
Jacob Schatz's avatar
Jacob Schatz committed
39 40 41 42
  border: 1px solid $border-color;
  border-radius: $border-radius-default;
  color: $almost-black;

Fatih Acet's avatar
Fatih Acet committed
43 44 45 46
  .code.white pre .hll {
    background-color: $well-light-border !important;
  }

47
  .tree-content-holder {
Phil Hughes's avatar
Phil Hughes committed
48
    display: -webkit-flex;
49 50 51 52 53 54 55 56
    display: flex;
    min-height: 300px;
  }

  .tree-content-holder-mini {
    height: 100vh;
  }

57
  .panel-right {
Phil Hughes's avatar
Phil Hughes committed
58
    display: -webkit-flex;
59
    display: flex;
Phil Hughes's avatar
Phil Hughes committed
60
    -webkit-flex-direction: column;
61
    flex-direction: column;
62
    width: 80%;
63
    height: 100%;
64

65
    .monaco-editor.vs {
66
      .current-line {
67
        border: 0;
68
        background: $well-light-border;
69 70
      }

71 72 73 74 75 76
      .line-numbers {
        cursor: pointer;

        &:hover {
          text-decoration: underline;
        }
Jacob Schatz's avatar
Jacob Schatz committed
77
      }
78 79
    }

80 81 82 83 84 85 86
    .blob-no-preview {
      .vertical-center {
        justify-content: center;
        width: 100%;
      }
    }

87 88
    &.blob-editor-container {
      overflow: hidden;
89
    }
Jacob Schatz's avatar
Jacob Schatz committed
90

91
    .blob-viewer-container {
Phil Hughes's avatar
Phil Hughes committed
92
      -webkit-flex: 1;
93
      flex: 1;
94
      overflow: auto;
Jacob Schatz's avatar
Jacob Schatz committed
95 96

      > div,
97
      .file-content:not(.wiki) {
Jacob Schatz's avatar
Jacob Schatz committed
98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118
        display: flex;
      }

      > div,
      .file-content,
      .blob-viewer,
      .line-number,
      .blob-content,
      .code {
        min-height: 100%;
        width: 100%;
      }

      .line-numbers {
        min-width: 44px;
      }

      .blob-content {
        flex: 1;
        overflow-x: auto;
      }
119 120
    }

121
    #tabs {
122
      position: relative;
123 124 125
      flex-shrink: 0;
      display: flex;
      width: 100%;
126 127
      padding-left: 0;
      margin-bottom: 0;
128
      white-space: nowrap;
129 130
      overflow-y: hidden;
      overflow-x: auto;
131 132

      li {
133
        position: relative;
134
        background: $gray-normal;
135
        padding: #{$gl-padding / 2} $gl-padding;
136 137
        border-right: 1px solid $white-dark;
        border-bottom: 1px solid $white-dark;
Jacob Schatz's avatar
Jacob Schatz committed
138
        cursor: pointer;
Jacob Schatz's avatar
Jacob Schatz committed
139

140 141
        &.active {
          background: $white-light;
142
          border-bottom: 0;
143 144 145
        }

        a {
Luke "Jared" Bennett's avatar
Luke "Jared" Bennett committed
146
          @include str-truncated(100px);
147
          color: $gl-text-color;
148
          vertical-align: middle;
Jacob Schatz's avatar
Jacob Schatz committed
149
          text-decoration: none;
150
          margin-right: 12px;
Phil Hughes's avatar
Phil Hughes committed
151 152 153 154

          &:focus {
            outline: none;
          }
155
        }
156

157 158 159 160 161 162 163 164 165
        .close-btn {
          position: absolute;
          right: 8px;
          top: 50%;
          padding: 0;
          background: none;
          border: 0;
          font-size: $gl-font-size;
          transform: translateY(-50%);
166
        }
Jacob Schatz's avatar
Jacob Schatz committed
167

168 169 170 171
        .close-icon:hover {
          color: $hint-color;
        }

Jacob Schatz's avatar
Jacob Schatz committed
172 173
        .close-icon,
        .unsaved-icon {
174 175
          color: $gray-darkest;
        }
176

Jacob Schatz's avatar
Jacob Schatz committed
177
        .unsaved-icon {
178 179
          color: $brand-success;
        }
Clement Ho's avatar
Clement Ho committed
180 181 182 183

        &.tabs-divider {
          width: 100%;
          background-color: $white-light;
184
          border-right: 0;
Clement Ho's avatar
Clement Ho committed
185 186
          border-top-right-radius: 2px;
        }
Jacob Schatz's avatar
Jacob Schatz committed
187
      }
188 189
    }

190
    .repo-file-buttons {
191 192
      background-color: $white-light;
      padding: 5px 10px;
193
      border-top: 1px solid $white-normal;
194 195 196
    }

    #binary-viewer {
197
      height: 80vh;
198
      overflow: auto;
199
      margin: 0;
Jacob Schatz's avatar
Jacob Schatz committed
200

201 202 203
      .blob-viewer {
        padding-top: 20px;
        padding-left: 20px;
Jacob Schatz's avatar
Jacob Schatz committed
204
      }
205 206 207 208

      .binary-unknown {
        text-align: center;
        padding-top: 100px;
Luke "Jared" Bennett's avatar
Luke "Jared" Bennett committed
209
        background: $gray-light;
210 211
        height: 100%;
        font-size: 17px;
Luke "Jared" Bennett's avatar
Luke "Jared" Bennett committed
212

213 214 215 216
        span {
          display: block;
        }
      }
Jacob Schatz's avatar
Jacob Schatz committed
217 218
    }
  }
Jacob Schatz's avatar
Jacob Schatz committed
219

220
  #commit-area {
Jacob Schatz's avatar
Jacob Schatz committed
221
    background: $gray-light;
222
    padding: 20px;
223

Jacob Schatz's avatar
Jacob Schatz committed
224
    .help-block {
225
      padding-top: 7px;
226
      margin-top: 0;
227
    }
228 229 230 231 232 233
  }

  #view-toggler {
    height: 41px;
    position: relative;
    display: block;
Jacob Schatz's avatar
Jacob Schatz committed
234
    border-bottom: 1px solid $white-normal;
235 236
    background: $white-light;
    margin-top: -5px;
Jacob Schatz's avatar
Jacob Schatz committed
237
  }
238 239

  #binary-viewer {
240 241
    img {
      max-width: 100%;
Jacob Schatz's avatar
Jacob Schatz committed
242
    }
243
  }
Jacob Schatz's avatar
Jacob Schatz committed
244

245
  #sidebar {
246 247
    flex: 1;
    height: 100%;
248

249
    &.sidebar-mini {
250
      width: 20%;
251 252 253
      border-right: 1px solid $white-normal;
      overflow: auto;
    }
254

255
    .table {
256 257 258
      margin-bottom: 0;
    }

259
    tr {
260 261
      .repo-file-options {
        padding: 2px 16px;
262
        width: 100%;
263
      }
264

265 266 267 268 269 270 271
      .title {
        font-size: 10px;
        text-transform: uppercase;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
272 273
      }

Jacob Schatz's avatar
Jacob Schatz committed
274
      .file-icon {
275
        margin-right: 5px;
276
      }
277 278 279 280

      td {
        white-space: nowrap;
      }
281
    }
282

283 284 285 286
    .file {
      cursor: pointer;
    }

287
    a {
Jacob Schatz's avatar
Jacob Schatz committed
288
      @include str-truncated(250px);
289
      color: $almost-black;
290
    }
291 292 293
  }
}

Jacob Schatz's avatar
Jacob Schatz committed
294
.render-error {
Jacob Schatz's avatar
Jacob Schatz committed
295
  min-height: calc(100vh - 62px);
Mike Greiling's avatar
Mike Greiling committed
296

Jacob Schatz's avatar
Jacob Schatz committed
297 298 299 300
  p {
    width: 100%;
  }
}