ui-modules/utils/status/status.less

/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */
@import "states/created.less";
@import "states/error.less";
@import "states/on_fire.less";
@import "states/running.less";
@import "states/starting.less";
@import "states/stopped.less";
@import "states/stopping.less";
@import "states/unknown.less";

brooklyn-status-icon, brooklyn-status-text {
    .status-failed { color: @brand-danger; }
    .status-completed { color: @brand-success; }
}


@circleBackgroundColor: rgba(0, 0, 0, 0.1);

@status-stroke-width: 7;
@status-stroke-width-sm: 10; // Need to be thicker when the icons are really small.

brooklyn-status-icon {
    display: inline-block;
    font-size: 2em;
    svg {
        margin: 0 auto;
        background: none;
        display: block;

        width: 100%;
        height: 100%;
    }
    .fa {
        font-size: 2em;  //vh in foreignObject does not seem to change as we change zoom level; em does _if_ a parent ancestor defines it also
    }
}

.scheduled-icon-as-success {
    .status-scheduled {
        color: @brand-success;
    }
}

brooklyn-status {
    display: flex;
    align-items: center;
    brooklyn-status-icon {
        display: block;
        float: left;
        flex-grow: 0;
        flex-shrink: 0;
    }

    brooklyn-status-text {
        display: block;
        flex-grow: 1;
    }
}