Viewing File: /usr/local/cpanel/share/libraries/base_styles/src/growls.less

/*
# growls.less                                        Copyright 2022 cPanel, L.L.C.
#                                                           All rights reserved.
# copyright@cpanel.net                                         http://cpanel.net
# This code is subject to the cPanel license. Unauthorized copying is prohibited
*/

@import (inline) "vendor/angular-growl-2/build/angular-growl.css";
@import "variables.less";

.hyphens {
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.growl-container {
    opacity: 0.95;
}

html[dir="rtl"] .growl-item {
    padding-right: 10px;
    padding-left: 10px;
}

.growl-item.alert-danger {
    box-shadow: inset 41px 0 @danger-box-shadow, 1px 1px 0 0 rgba(0, 0, 0, 0.2);
}

.growl-item.alert-success {
    box-shadow: inset 41px 0 @success-box-shadow, 1px 1px 0 0 rgba(0, 0, 0, 0.2);
}

.growl-item.alert-warning {
    box-shadow: inset 41px 0 @warning-box-shadow, 1px 1px 0 0 rgba(0, 0, 0, 0.2);
}

.growl-item.alert-info {
    box-shadow: inset 41px 0 @info-box-shadow, 1px 1px 0 0 rgba(0, 0, 0, 0.2);
}

html[dir="rtl"] .growl-item.alert-danger {
    box-shadow: inset -41px 0 @danger-box-shadow, 1px 1px 0 0 rgba(0, 0, 0, 0.2);
}

html[dir="rtl"] .growl-item.alert-success {
    box-shadow: inset -41px 0 @success-box-shadow,
        1px 1px 0 0 rgba(0, 0, 0, 0.2);
}

html[dir="rtl"] .growl-item.alert-warning {
    box-shadow: inset -41px 0 @warning-box-shadow,
        1px 1px 0 0 rgba(0, 0, 0, 0.2);
}

html[dir="rtl"] .growl-item.alert-info {
    box-shadow: inset -41px 0 @info-box-shadow, 1px 1px 0 0 rgba(0, 0, 0, 0.2);
}

.growl_icon {
    height: 100%;
}

.growl_action {
    text-align: left;
    padding: 8px 0 3px 0;
    margin-left: 40px;
}

html[dir="rtl"] .growl_action {
    text-align: right;
    margin-right: 40px;
    margin-left: 0;
}

.alert .growl_icon .glyphicon {
    display: inline-block;
    position: absolute;
    font-size: 20px;
    left: 10px;
    top: 20px;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

html[dir="rtl"] .alert .growl_icon .glyphicon {
    right: 10px;
    left: auto;
}

.alert-danger > .growl_icon > .glyphicon {
    color: @danger-bg;
}

.alert-success > .growl_icon > .glyphicon {
    color: @success-bg;
}

.alert-warning > .growl_icon > .glyphicon {
    color: @warning-bg;
}

.alert-info > .growl_icon > .glyphicon {
    color: @info-bg;
}

/* This is different from the style guide becuase of the opacity of the container */
.growl-message {
    color: darken(@alert-message-color, 10%);
    .hyphens;
    word-wrap: break-word;
}

.growl-item.icon > .growl-message {
    margin: 0 0 0 30px;
}

html[dir="rtl"] .growl-item.icon > .growl-message {
    margin: 0 30px 0 0;
}

.growl-container > .alert-info.icon,
.growl-container > .alert-error.icon,
.growl-container > .alert-success.icon,
.growl-container > .alert-warning.icon {
    background-image: none;
}