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 63 64
      pre {
        border: none;
        background: #f9f9f9;
        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
    }
    .event-note-icon {
82
      color: #777;
83
      float: left;
84
      font-size: $gl-font-size;
85 86
      line-height: 16px;
      margin-right: 5px;
87
    }
88 89
  }
  .event_icon {
90
    position: relative;
91
    float: right;
92
    border: 1px solid #eee;
93 94
    padding: 5px;
    @include border-radius(5px);
95
    background: #f9f9f9;
96 97
    margin-left: 10px;
    top: -6px;
98
    img {
99
      width: 20px;
100 101
    }
  }
102

103
  &:last-child { border: none }
104 105

  .event_commits {
106 107 108
    li {
      &.commit {
        background: transparent;
109
        padding: 3px;
110
        padding-left: 0;
111
        border: none;
112
        .commit-row-title {
113
          font-size: $gl-font-size;
114
        }
115
      }
116

117 118
      &.commits-stat {
        display: block;
119
        padding: 0 3px 0 0;
120 121 122
        &:hover {
          background: none;
        }
123
      }
124 125
    }
  }
126 127 128 129 130

  .event-item-timestamp {
    float: right;
    line-height: 22px;
  }
131 132
}

133

134 135 136 137
/*
 * Last push widget
 */
.event-last-push {
138
  overflow: auto;
139
  width: 100%;
140
  
141
  .event-last-push-text {
142
    @include str-truncated(100%);
143
    padding: 4px 0;
144
    font-size: 13px;
145
    float: left;
146 147
    margin-right: -150px;
    padding-right: 150px;
148
    line-height: 20px;
149 150
  }
}
151 152

@media (max-width: $screen-xs-max) {
153
  .event-item {
154
    padding-left: $gl-padding;
155

156 157 158 159 160 161 162 163 164 165 166
    .event-title {
      white-space: normal;
      overflow: visible;
      max-width: 100%;
    }
    .avatar {
      display: none;
    }

    .event-body {
      margin: 0;
167
      border-left: 2px solid #ddd;
168 169 170 171 172 173
      padding-left: 10px;
    }

    .event-item-timestamp {
      display: none;
    }
174 175
  }
}
176 177 178 179 180 181 182 183

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