chamesu/packages/frontend/ui/assets/css/core/header.css

This package contains all packages of the chat application.

/*
 * Copyright (c) 2022.
 * Author Peter Placzek (tada5hi)
 * For the full copyright and license information,
 * view the LICENSE file that was distributed with this source code.
 */

.page-header {
    position: fixed;
    left: 0;
    right: 0;
    top:0;
    z-index: 1002;
    display: flex;
    align-items: center;
    background-color: #ececec;
    box-shadow: 0px -1px 0px #e0e0e0 inset;
    padding-bottom: 6px;
    height: 60px;
}

.page-header .header-title {
    flex: none;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.page-header .header-title > div {
    display: inline-block;
}

.page-header .toggle-box {
    color: #aeb2b7;
    margin:0px 10px 0px 10px;
}

.page-header .toggle-box button {
    cursor: pointer;
    border: 1px solid rgb(213 213 213);
    color: #cc8181;
    background: rgba(50, 51, 59, 0.1);
    border-radius: .25rem;
}

.page-header .toggle-box .toggle-trigger .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    margin-top:4px;
    background:#A9ABAC;
}

.page-header .logo {
    font-size: 24px;
    font-weight: 600;
    color: #A9ABAC;
    flex: none;
}

.page-header .logo span:not(.info-text) {
    color: #cc8181;
}

.page-header .logo .info-text {
    font-size:15px;
}

.page-header .logo .info-text:before {
    content: "-";
    margin-right:5px;
}

@media (min-width: 768px) {
    .toggle-box button.more {
        display: none;
    }
}