github.com/freiheit-com/kuberpult@v1.24.2-0.20240328135542-315d5630abe6/services/frontend-service/src/ui/components/ReleaseDialog/ReleaseDialog.scss

/*This file is part of kuberpult.

Kuberpult is free software: you can redistribute it and/or modify
it under the terms of the Expat(MIT) License as published by
the Free Software Foundation.

Kuberpult is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
MIT License for more details.

You should have received a copy of the MIT License
along with kuberpult. If not, see <https://directory.fsf.org/wiki/License:Expat>.

Copyright 2023 freiheit.com*/
.release-dialog {
    min-width: 960px;

    a {
        color: white;
    }

    div.MuiPaper-root {
        background-color: transparent;
        border-radius: $release-dialog-outer-border-radius;
        overflow-y: inherit;
    }
    .content-area {
        display: flex;
    }
    .content-right {
        max-width: 40%;
        margin-left: auto;
        display: flex;
    }
    .content-left {
        max-width: 60%;
    }

    .release-dialog-app-bar {
        border-radius: $release-dialog-top-border-radius;
        background: var(--mdc-theme-primary);
        color: var(--mdc-theme-on-primary);
        display: flex;
        flex-direction: row;
        justify-content: space-between;

        .release-dialog-app-bar-data {
            margin: 24px 10px 24px 47px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;

            .release-dialog-message {
                .release-dialog-commitMessage {
                    text-overflow: wrap;
                    @extend .sub-headline1;
                }
            }
        }

        .source {
            justify-content: space-between;
            display: flex;
        }

        button.release-dialog-close {
            display: flex;
            margin: 20px 10px auto;
        }
    }

    .release-env-group-list {
        overflow-y: scroll;
        background-color: var(--mdc-theme-surface);
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin: 0px;
        padding-bottom: 20px;
        align-items: center;
        border-radius: $release-dialog-bottom-border-radius;

        .release-env-list {
            padding-left: 0;
            margin-bottom: 0;
        }

        button {
            padding: 8px 19px;
        }

        .env-card {
            background-color: var(--mdc-theme-background);
            display: flex;
            flex-direction: column;
            width: 900px;
            padding: 0 0 10px;
            margin: 10px 20px 0;
            border-radius: $release-dialog-inner-border-radius;
            gap: 0;

            .env-card-header {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                .release-environment {
                    border-radius: $border-radius-large;
                    top: $release-dialog-label-displacement;
                    left: $release-dialog-label-displacement;
                    height: 42px;

                    .tooltip-container button {
                        width: 16px;
                        height: 16px;
                    }

                    .env-card-label {
                        display: flex;

                        svg.env-card-env-lock-icon {
                            width: $release-dialog-lock-icon-size;
                            height: $release-dialog-lock-icon-size;
                            margin: unset;
                        }

                        .env-card-env-locks:first-child {
                            margin-left: 55px;
                            display: flex;
                            flex-direction: row;
                        }
                    }
                }

                .env-card-app-locks {
                    display: flex;
                    position: relative;
                    right: 36px;
                    flex-direction: row;
                    align-items: center;
                    gap: 0;

                    svg {
                        min-width: 16px;
                    }
                }
            }

            .env-card-data {
                display: flex;
                flex-direction: row;
                padding-left: 27px;
                @extend .text-medium;
            }

            .env-card-buttons {
                margin-left: auto;
                margin-right: 18px;
                margin-bottom: 17px;
                display: flex;
                flex-direction: row;
                gap: 20px;
                min-width: 300px;

                .env-card-add-lock-btn {
                    border: 1px solid var(--mdc-theme-primary);
                    border-radius: $release-dialog-inner-border-radius;
                    white-space: nowrap;
                    @extend .text-bold;
                    .icon {
                        margin-right: 9px;
                    }
                }
            }
        }
    }
}

button.button-lock {
    min-width: unset;
    padding: unset;
    height: auto;
    width: 20px;
}

button.mdc-button.env-card-deploy-btn {
    border-radius: $release-dialog-inner-border-radius;
    color: white;
    @extend .text-bold;
}