BigW Consortium Gitlab

events.scss 3.02 KB
Newer Older
1 2 3 4 5
/**
 * Dashboard events feed
 *
 */
.event-item {
6
  font-size: $gl-font-size;
7
  padding: $gl-padding-top 0 $gl-padding-top ($gl-avatar-size + $gl-padding-top);
Douwe Maan committed
8
  border-bottom: 1px solid $table-border-color;
9
  color: $list-text-color;
10

11 12
  &.event-inline {
    .avatar {
13 14
      position: relative;
      top: -2px;
15
    }
16

17
    .event-title,
18
    .event-item-timestamp {
19
      line-height: 40px;
20
    }
21 22
  }

23
  a {
24
    color: $gl-dark-link-color;
25 26 27
  }

  .avatar {
28
    margin-left: -($gl-avatar-size + $gl-padding-top);
29 30
  }

31
  .event-title {
32
    @include str-truncated(calc(100% - 174px));
33
    font-weight: 600;
34
    color: $list-text-color;
35
  }
36

37
  .event-body {
38 39
    margin-right: 174px;

40
    .event-note {
41
      word-wrap: break-word;
42

43
      .md {
44
        color: $gl-grayish-blue;
45
        font-size: $gl-font-size;
46 47 48 49 50 51 52 53 54

        .label {
          color: $gl-text-color;
          font-size: inherit;
        }

        iframe.twitter-share-button {
          vertical-align: bottom;
        }
55 56
      }

57 58 59 60
      code {
        white-space: pre-wrap;
      }

61 62
      pre {
        border: none;
63
        background: $gray-light;
64
        border-radius: 0;
65
        color: #777;
66
        margin: 0 20px;
67
        overflow: hidden;
68 69
      }

70 71
      .note-image-attach {
        margin-top: 4px;
72
        margin-left: 0;
73
        max-width: 200px;
74
        float: none;
75
      }
76 77 78 79

      p:last-child {
        margin-bottom: 0;
      }
80
    }
81

82
    .event-note-icon {
83
      color: #777;
84
      float: left;
85
      font-size: $gl-font-size;
86 87
      line-height: 16px;
      margin-right: 5px;
88
    }
89
  }
90

91
  .event_icon {
92
    position: relative;
93
    float: right;
94
    border: 1px solid #eee;
95
    padding: 5px;
Clement Ho committed
96
    border-radius: 5px;
97
    background: $gray-light;
98 99
    margin-left: 10px;
    top: -6px;
100

101
    img {
102
      width: 20px;
103 104
    }
  }
105

106
  &:last-child { border: none; }
107 108

  .event_commits {
109 110 111
    li {
      &.commit {
        background: transparent;
112
        padding: 3px;
113
        padding-left: 0;
114
        border: none;
115

116
        .commit-row-title {
117
          font-size: $gl-font-size;
118
        }
119
      }
120

121 122
      &.commits-stat {
        display: block;
123
        padding: 0 3px 0 0;
124

125 126 127
        &:hover {
          background: none;
        }
128
      }
129 130
    }
  }
131 132 133 134 135

  .event-item-timestamp {
    float: right;
    line-height: 22px;
  }
136 137
}

138

139 140 141 142
/*
 * Last push widget
 */
.event-last-push {
143
  overflow: auto;
144
  width: 100%;
145

146
  .event-last-push-text {
147
    @include str-truncated(100%);
148
    padding: 4px 0;
149
    font-size: 13px;
150
    float: left;
151 152
    margin-right: -150px;
    padding-right: 150px;
153
    line-height: 20px;
154 155
  }
}
156 157

@media (max-width: $screen-xs-max) {
158
  .event-item {
159
    padding-left: $gl-padding;
160

161 162 163 164 165
    .event-title {
      white-space: normal;
      overflow: visible;
      max-width: 100%;
    }
166

167 168 169 170 171 172
    .avatar {
      display: none;
    }

    .event-body {
      margin: 0;
173
      border-left: 2px solid #ddd;
174 175 176 177 178 179
      padding-left: 10px;
    }

    .event-item-timestamp {
      display: none;
    }
180 181
  }
}
182 183 184 185 186 187 188 189

// hide event scope (namespace + project) where it is not necessary
.project-activity {
  .event-scope {
    display: none;
  }
}