ds4/src/scss/components/_description.scss
2021-07-10 21:02:48 +02:00

84 lines
1.7 KiB
SCSS

/*
* SPDX-FileCopyrightText: 2021 Johannes Loher
* SPDX-FileCopyrightText: 2021 Oliver Rümpelein
* SPDX-FileCopyrightText: 2021 Gesina Schwalbe
*
* SPDX-License-Identifier: MIT
*/
@use "../utils/mixins";
@use "../utils/variables";
.side-properties {
flex: 0;
min-width: fit-content;
max-width: 50%;
margin: 5px 5px 5px 0;
padding-right: 5px;
border-right: variables.$border-groove;
.side-property {
margin: 2px 0;
display: grid;
grid-template-columns: minmax(40%, max-content) 1fr;
justify-content: left;
label {
line-height: variables.$default-input-height;
font-weight: bold;
padding-right: 3pt;
}
input,
select,
a {
text-align: left;
width: calc(100% - 2px);
overflow: hidden;
text-overflow: ellipsis;
}
span {
line-height: variables.$default-input-height;
padding: 0 4px;
}
@include mixins.mark-invalid-or-disabled-input;
input[type="checkbox"] {
width: auto;
height: 100%;
margin: 0px;
}
.unit-data-pair {
display: flex;
flex-direction: row;
select {
width: 4em;
}
input {
max-width: 7em;
}
}
}
}
.description {
height: 100%;
}
.sheet-body .tab .editor {
height: 100%;
}
.tox {
.tox-edit-area {
padding: 0 8px;
}
.tox-toolbar-overlord {
background-color: transparent;
.tox-toolbar__primary {
background: transparent;
}
}
}