148 lines
1.9 KiB
SCSS
148 lines
1.9 KiB
SCSS
.record-edit {
|
|
position: relative;
|
|
max-width: 900px;
|
|
.invalid-feedback {
|
|
color: var(--text-error);
|
|
font-size: 15px;
|
|
line-height: 20px;
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
|
|
.record-header {
|
|
margin: 10px 0 0;
|
|
|
|
.schema-name {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.record-title {
|
|
font-size: 18px;
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
.tools-header {
|
|
margin: 30px 0 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 10px;
|
|
font-size: 14px;
|
|
position: relative;
|
|
z-index: 20;
|
|
padding: 10px;
|
|
border-radius: 12px;
|
|
background: var(--p20);
|
|
}
|
|
|
|
.editor-field {
|
|
background: var(--p20);
|
|
padding: 18px;
|
|
position: relative;
|
|
border-radius: 12px;
|
|
margin: 6px 0;
|
|
border-color: transparent;
|
|
|
|
.button:not(.primary) {
|
|
background: var(--p30);
|
|
|
|
&:hover {
|
|
background: var(--p40);
|
|
}
|
|
}
|
|
|
|
dialog {
|
|
.button:not(.primary) {
|
|
background: var(--p20);
|
|
|
|
|
|
&:hover {
|
|
background: var(--p30);
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|
|
.field-header {
|
|
margin-bottom: 4px;
|
|
position: relative;
|
|
|
|
.labels {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.label-and-help {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
}
|
|
|
|
label {
|
|
font-size: 14px;
|
|
line-height: 14px;
|
|
margin: 0;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.help-text {
|
|
font-size: 14px;
|
|
line-height: 14px
|
|
}
|
|
|
|
code {
|
|
}
|
|
|
|
|
|
}
|
|
|
|
.system-help-text {
|
|
font-size: 14px;
|
|
line-height: 14px;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
|
|
.field-checkbox {
|
|
display: flex;
|
|
gap: 20px;
|
|
align-items: center;
|
|
|
|
.form-check-inline {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 4px;
|
|
}
|
|
|
|
.form-check-label {
|
|
font-size: 14px;
|
|
line-height: 14px;
|
|
}
|
|
|
|
}
|
|
|
|
.record-edit-file-preview {
|
|
display: flex;
|
|
gap: 20px;
|
|
|
|
.file-details {
|
|
width: 50%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 5px;
|
|
|
|
}
|
|
|
|
.file-details-item {
|
|
.text-muted {
|
|
color: var(--grey-dark);
|
|
}
|
|
|
|
}
|
|
}
|
|
|