diff --git a/src/styles/_apps_base.sass b/src/styles/_apps_base.sass index 8182dfec..5ead1393 100644 --- a/src/styles/_apps_base.sass +++ b/src/styles/_apps_base.sass @@ -347,3 +347,62 @@ nav.sidebar transition: all 250ms ease-in-out &.in opacity: 1 + +/* Activities Stream */ +/* General style for activities in all places */ +.d-activity + font-size: .9em + ul + cursor: default + padding: 5px + color: $color-text-dark-primary + list-style: none + + li + padding: 0 10px 7px 15px + position: relative + + span.date + color: darken($activity-highlight-color, 7%) + + /* Left Dot */ + &:after + content: '' + display: block + position: absolute + top: 0 + z-index: 0 + left: -5px + width: 18px + height: 18px + border-radius: 50% + background-color: $activity-highlight-color + + /* Left Line */ + &:before + content: '' + display: block + position: absolute + top: 10px + left: 3px + width: 1px + height: 100% + background-color: $activity-highlight-color + + &:last-child + &:before + background-color: transparent + + span.actor + padding: 0 5px + font-weight: bold + + img.actor-avatar + width: 16px + height: 16px + border-radius: 50% + margin-right: -15px + position: relative + top: -1px + left: -19px + z-index: 1 diff --git a/src/styles/_config.sass b/src/styles/_config.sass index 08be4178..af8c39b3 100644 --- a/src/styles/_config.sass +++ b/src/styles/_config.sass @@ -73,9 +73,12 @@ $color-status-final-dark: hsl(hue($color-status-final), 100%, 30%) $color-status-active: #E6F3FD $color-status-updated: #e7f5d3 +$activity-highlight-color: #00cc9f + $color-open_projects: #7eb66f $color-training: #71c5d3 + /* Mobile Stuff */ $screen-xs: 480px !default $screen-xs-min: $screen-xs