pb-schema.component.scss 1.28 KiB
/** @see additional styles in src/styles.css */
:host {
    display: block;
    width: 100%;
mat-card-header {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-top: 8px;
    color: white;
    &.side {
        margin-right: -32px;
    mat-card-title {
        font-size: 16px !important;
        margin-bottom: 8px;
mat-card-content {
    margin-top: 1em;
#pb-schema-toolbar {
    #add-basin {
        float: left;
    #add-wall {
        float: left;
        margin-left: .5em;
    .related-entity-title {
        vertical-align: middle;
        font-weight: bold;
        display: none; // @TODO show it in a way that doesn't make the buttons fall on the next line ?
    .hyd-window-btns {
        text-align: right;
        #add-many-children {
            width: 3em;
            vertical-align: middle;
        button.mat-icon-button {
            width: 32px;
#schema {
    margin-top: .5em;
    margin-bottom: .5em;
    text-align: center;
    overflow-x: scroll;
#schema::ng-deep #graphDiv {
    .node.wall, .node.basin {
        .label div {
            font-size: 12px;
71727374757677787980
.label div::first-line { font-size: 16px; } } } #debug { display: none; }