Change color of icons

This commit is contained in:
Annabel Dunstone Gray 2017-03-31 16:09:58 -05:00
parent 633457563a
commit 32bb33f717
5 changed files with 40 additions and 21 deletions

View file

@ -4,11 +4,16 @@
*/
.event-item {
font-size: $gl-font-size;
padding: $gl-padding 0;
padding: $gl-padding-top 0 $gl-padding-top ($gl-avatar-size + $gl-padding-top);
border-bottom: 1px solid $white-normal;
color: $list-text-color;
position: relative;
&.event-inline {
.profile-icon {
top: 20px;
}
.event-title,
.event-item-timestamp {
line-height: 40px;
@ -19,22 +24,36 @@
color: $gl-text-color;
}
.profile-icon {
position: absolute;
left: 0;
top: 14px;
svg {
width: 20px;
height: auto;
fill: $gl-text-color-secondary;
}
&.open-icon svg {
fill: $green-300;
}
&.closed-icon svg {
fill: $red-300;
}
&.fork-icon svg {
fill: $blue-300;
}
}
.event-title {
@include str-truncated(calc(100% - 174px));
font-weight: 600;
color: $list-text-color;
}
.event-icon {
display: inline-block;
margin: 0 10px;
}
svg {
height: 16px;
width: 16px;
}
.event-body {
margin-right: 174px;
@ -164,7 +183,7 @@
max-width: 100%;
}
.avatar {
.profile-icon {
display: none;
}

View file

@ -1,12 +1,12 @@
- if event.target
- if event.action_name == "opened"
.event-icon.open-icon
.profile-icon.open-icon
= custom_icon("icon_status_open")
- elsif event.action_name == "closed"
.event-icon.closed-icon
.profile-icon.closed-icon
= custom_icon("icon_status_closed")
- else
.event-icon.fork-icon
.profile-icon.fork-icon
= custom_icon("code_fork")
.event-title

View file

@ -1,4 +1,4 @@
.event-icon.open-icon
.profile-icon.open-icon
= custom_icon("icon_status_open")
.event-title

View file

@ -1,4 +1,4 @@
.event-icon
.profile-icon
= custom_icon("comment_o")
.event-title

View file

@ -1,6 +1,6 @@
- project = event.project
.event-icon
.profile-icon
= custom_icon("icon_commit")
.event-title