tree.scss 2.79 KB
Newer Older
1
.tree-holder {
2
  > .nav-block {
3
    margin: 11px 0;
4
  }
5

6 7
  .file-finder {
    width: 50%;
8

9 10 11 12 13 14
    .file-finder-input {
      width: 95%;
      display: inline-block;
    }
  }

15 16 17 18
  .add-to-tree {
    vertical-align: top;
  }

19
  .tree-table {
20
    margin-bottom: 0;
21

22
    tr {
23 24 25 26
      border-bottom: 1px solid $table-border-gray;
      border-top: 1px solid $table-border-gray;

      td, th {
27
        line-height: 21px;
28 29
      }

30
      .last-commit {
31 32 33 34 35 36
        @include str-truncated(506px);
        
        @media (min-width: $screen-sm-max) and (max-width: $screen-md-max) {
          @include str-truncated(450px);
        }
        
37 38 39 40 41 42 43
      }

      .commit-history-link-spacer {
        margin: 0 10px;
        color: $table-border-color;
      }

randx's avatar
randx committed
44 45
      &:hover {
        td {
46 47 48
          background-color: $row-hover;
          border-top: 1px solid $row-hover-border;
          border-bottom: 1px solid $row-hover-border;
49
          cursor: pointer;
randx's avatar
randx committed
50
        }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
51
      }
52

53 54
      &.selected {
        td {
55 56 57
          background: $gray-dark;
          border-top: 1px solid $border-gray-dark;
          border-bottom: 1px solid $border-gray-dark;
58 59
        }
      }
60
    }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
61
  }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
62

randx's avatar
randx committed
63
  .tree-item {
64 65 66 67 68 69 70 71 72
    .link-container {
      padding: 0;

      a {
        padding: 10px $gl-padding;
        display: block;
      }
    }

randx's avatar
randx committed
73
    .tree-item-file-name {
74
      max-width: 320px;
75
      vertical-align: middle;
76

77
      i, a {
78
        color: $gl-dark-link-color;
79 80
      }

randx's avatar
randx committed
81
      img {
82
        position: relative;
83
        top: -1px;
84
      }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
85
    }
86

87 88
    .tree_commit {
      max-width: 320px;
89 90 91 92

      .str-truncated {
        max-width: 100%;
      }
93 94
    }

95 96 97
    .tree_time_ago {
      min-width: 135px;
    }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
98
  }
99

100
  .tree_author {
101 102 103
    padding-right: 8px;

    .commit-author-name {
104
      color: $gl-gray;
105
    }
106
  }
107

108 109 110 111 112 113 114 115
  .tree-time-ago {
    min-width: 135px;
    color: $gl-gray-light;
  }

  .tree-commit {
    max-width: 320px;
    color: $gl-gray-light;
116 117

    .tree-commit-link {
118
      color: $gl-gray-light;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
119

120 121 122
      &:hover {
        text-decoration: underline;
      }
123 124
    }
  }
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
125
}
126

127 128
.tree-ref-holder {
  float: left;
129
  margin-right: 15px;
130
}
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
131

132 133
.blob-commit-info {
  list-style: none;
134 135 136 137
  padding: $gl-padding;
  background: $background-color;
  border: 1px solid $border-color;
  border-bottom: none;
138 139 140
  margin: 0;

  .commit {
Phil Hughes's avatar
Phil Hughes committed
141 142
    padding-top: 0;
    padding-bottom: 0;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
143

144 145 146 147 148 149 150
    .commit-row-title {
      .commit-row-message {
        font-weight: normal;
      }
    }
  }
}
151 152

#modal-remove-blob > .modal-dialog { width: 850px; }
153 154 155 156 157

.blob-upload-dropzone-previews {
  text-align: center;
  border: 2px;
  border-style: dashed;
158
  border-color: $border-color;
159 160 161 162 163
  min-height: 200px;
}

.upload-link {
  font-weight: normal;
164
  color: $md-link-color;
165
}
166 167 168

.tree-controls {
  float: right;
169
  margin-top: 11px;
170 171
  position: relative;
  z-index: 2;
172 173 174 175

  .download-button {
    margin-left: $btn-side-margin;
  }
176
}