ResourceBrowser.scss

/*
 * Copyright (c) 2024. Devtron Inc.
 *
 * Licensed 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 '../v2/appDetails/k8Resource/k8resources.scss';

.resource-browser-container {
    .k8s-object-kind-search {
        .kind-search-select__value-container {
            .kind-search-icon {
                path:nth-child(2) {
                    fill: var(--N600);
                }
            }
        }

        .kind-search-select__input-container {
            input {
                max-width: 135px;
            }
        }

        .kind-search-select__menu {
            margin-top: 4px;

            .kind-search-select__menu-list {
                .kind-search-select__option {
                    &--highlight {
                        padding: 0;
                        background-color: var(--Y200);
                    }
                }
            }
        }

        .kind-search-select__indicators {
            position: absolute;
            top: 15px;
            right: 0;

            .clear-kind-search-icon {
                rect {
                    fill: var(--N600);
                }
            }

            .kind-search-shortcut-key {
                right: 10px;
                top: -10px;
            }
        }
    }

    .resource-list-container {
        .node-listing-search-container {
            display: grid;
            grid-template-columns: 1fr auto 1px 180px;
            column-gap: 8px;

            .grouped-filter-select-picker {
                width: 350px;
                > .dc__mxw-250 {
                    max-width: 350px;
                }
            }
        }

        .resource-filter-options-container {
            &__search-box {
                width: 250px;

                .resource-search-shortcut-key {
                    right: 8px;
                    top: 50%;
                    transform: translateY(-50%);
                }
            }
        }
    }
}

.cluster-terminal-hidden {
    visibility: hidden;
    height: 0;

    .terminal-action-strip {
        display: none;
    }
}

.cluster-terminal-hidden * {
    height: 0 !important;
}

.create-resource-container {
    .created-resource-row {
        display: grid;
        grid-template-columns: 150px 200px 150px auto;
        grid-column-gap: 16px;
    }

    .created-resource-list {
        overflow-y: auto;

        .created-resource-row {
            &:hover {
                background-color: var(--bg-secondary);
            }
        }
    }
}