// Activity Stream base colors
$activityColorText: #FFFFFF;
$activityColorBlank: #3B3B3B;
$activityColorNew: #3A833A;
$activityColorNeutral: #767DCE;
$activityColorModify: #6f42c1;
$activityColorDelete: #DA1E28;
$activityColorEmpty: #6E6E6E;

.activity {
    padding: 0;
    list-style-type: none;
    .item {
        position: relative;
        padding: 1rem 0;
        border-bottom: 1px solid #e4e7ec;
        display: flex;
        &:last-child {
            border-bottom: none;
        }
        .fa-stack {
            flex: 0 0 auto;
            margin-right: 5px;
        }
        .user-image {
            border-radius: 100px;
        }

        .date {
            color: $activityColorBlank;
            font-size: 12px;
        }

        &.no-avatar p {
            // Use by datapusher
            margin-left: 40px;
        }
        .icon {
            color: $activityColorBlank ;
        }
    
        // Non defined
        &.failure .icon {
            color: $activityColorDelete;
        }
    
        &.success .icon {
            color: $activityColorNew;
        }
    
        &.added-tag .icon {
            color: adjust-hue($activityColorNew, 60);
        }
    
        &.changed-group .icon {
            color: $activityColorModify;
        }
    
        &.changed-package .icon {
            color: adjust-hue($activityColorModify, 20);
        }
    
        &.changed-package_extra .icon {
            color: adjust-hue($activityColorModify, -20);
        }
    
        &.changed-resource .icon {
            color: adjust-hue($activityColorModify, 40);
        }
    
        &.changed-user .icon {
            color: adjust-hue($activityColorModify, -40);
        }
    
        &.changed-organization .icon {
            color: adjust-hue($activityColorNew, 50);
        }
    
        &.deleted-group .icon {
            color: $activityColorDelete;
        }
    
        &.deleted-package .icon {
            color: adjust-hue($activityColorDelete, 20);
        }
    
        &.deleted-package_extra .icon {
            color: adjust-hue($activityColorDelete, -20);
        }
    
        &.deleted-resource .icon {
            color: adjust-hue($activityColorDelete, 40);
        }
    
        &.deleted-organization .icon {
            color: adjust-hue($activityColorDelete, -40);
        }
    
        &.new-group .icon {
            color: $activityColorNew;
        }
    
        &.new-package .icon {
            color: adjust-hue($activityColorNew, 20);
        }
    
        &.new-package_extra .icon {
            color: adjust-hue($activityColorNew, -20);
        }
    
        &.new-resource .icon {
            color: adjust-hue($activityColorNew, -40);
        }
    
        &.new-user .icon {
            color: adjust-hue($activityColorNew, 80);
        }
    
        &.new-organization .icon {
            color: adjust-hue($activityColorNew, -40);
        }
    
        &.removed-tag .icon {
            color: adjust-hue($activityColorDelete, -40);
        }
    
        &.deleted-related-item .icon {
            color: adjust-hue($activityColorDelete, 60);
        }
    
        &.follow-dataset .icon {
            color: $activityColorNeutral;
        }
    
        &.follow-user .icon {
            color: adjust-hue($activityColorNeutral, 20);
        }
    
        &.new-related-item .icon {
            color: adjust-hue($activityColorNew, -60);
        }
    
        &.follow-group .icon {
            color: adjust-hue($activityColorNew, -50);
        }
    }

    &.activity-empty {
        background: none;
    }
    .user {
        font-size: 20px;
        font-weight: 600;
    }
}

.activity_buttons {
    display: flex;
    gap: .5rem;
    @media (max-width: 768px) {
        flex-direction: column;

    }
}

// For profile information that appears in the popover
.popover {
    width: 300px;

    .popover-title {
        font-weight: bold;
        margin-bottom: 0;
    }

    p.about {
        margin: 0 0 10px 0;
    }

    .popover-close {
        float: right;
        text-decoration: none;
    }

    .empty {
        padding: 10px;
        color: $activityColorEmpty;
        font-style: italic;
    }
}

.select-time {
    width: 250px;
    display: inline;
}

br.line-height2 {
    line-height: 2;
}

.pull-right {
    float: right;
}
