mirror of
https://github.com/discourse/discourse.git
synced 2025-02-07 03:48:23 +00:00
d29dc087b2
This allows users to collapse array-type data tables in JSON Schema fields. Note that this data type is currently only used in themes and plugins.
123 lines
2.1 KiB
SCSS
123 lines
2.1 KiB
SCSS
.json-schema-editor-modal {
|
|
h3.card-title {
|
|
margin-top: 0;
|
|
|
|
label {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.je-object__container {
|
|
border-bottom: 1px dashed var(--primary-low);
|
|
padding-bottom: 1em;
|
|
margin-bottom: 1em;
|
|
position: relative;
|
|
|
|
.card-title label {
|
|
display: inline-block;
|
|
font-size: var(--font-down-1);
|
|
color: var(--primary-medium);
|
|
}
|
|
|
|
.form-group {
|
|
label {
|
|
display: inline-block;
|
|
width: 35%;
|
|
}
|
|
|
|
.form-control {
|
|
width: 65%;
|
|
}
|
|
}
|
|
|
|
> .btn-group:last-child {
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 0px;
|
|
|
|
.btn {
|
|
font-size: var(--font-down-1);
|
|
}
|
|
}
|
|
> .btn-group {
|
|
margin-top: 0;
|
|
display: flex;
|
|
align-items: stretch;
|
|
gap: 0.25em;
|
|
}
|
|
}
|
|
|
|
.btn-group .btn .d-icon {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.card-body > .btn-group {
|
|
// !important needed to override inline style :-(
|
|
display: block !important;
|
|
text-align: right;
|
|
}
|
|
|
|
.table {
|
|
width: 100%;
|
|
margin-bottom: 0.5em;
|
|
|
|
td,
|
|
th {
|
|
vertical-align: middle;
|
|
padding: 0.5em 0;
|
|
&:last-child {
|
|
text-align: right;
|
|
}
|
|
}
|
|
|
|
.btn-group .btn {
|
|
margin-left: 0.25em;
|
|
font-size: var(--font-down-1);
|
|
}
|
|
|
|
td.compact {
|
|
.invalid-feedback {
|
|
margin: 0;
|
|
font-size: var(--font-down-1);
|
|
color: var(--danger);
|
|
}
|
|
}
|
|
|
|
input[type="text"],
|
|
.form-group .form-control {
|
|
margin-bottom: 0;
|
|
width: 95%;
|
|
|
|
&.is-invalid {
|
|
border-color: var(--danger);
|
|
outline: 1px solid var(--danger);
|
|
}
|
|
}
|
|
}
|
|
|
|
.row div[data-schematype="array"] {
|
|
padding: 0.5em;
|
|
background-color: var(--primary-very-low);
|
|
|
|
> .card-title {
|
|
width: 100%;
|
|
border-bottom: 1px solid var(--primary-low);
|
|
> .json-editor-btn-collapse {
|
|
float: right;
|
|
}
|
|
}
|
|
}
|
|
|
|
.desktop-view & .modal-inner-container {
|
|
--modal-max-width: 75vw;
|
|
min-width: 55vw;
|
|
}
|
|
|
|
.card-title.level-1,
|
|
.card-title.je-object__title {
|
|
> .json-editor-btn-collapse {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|