225 lines
4.7 KiB
CSS
225 lines
4.7 KiB
CSS
.centerSettingContent {
|
|
display: grid;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.not-a-button {
|
|
background: none;
|
|
color: inherit;
|
|
border: none;
|
|
padding: 0;
|
|
font: inherit;
|
|
cursor: pointer;
|
|
outline: inherit;
|
|
}
|
|
|
|
.metaedit-hidden {
|
|
display: none;
|
|
}
|
|
|
|
.metaedit-setting-with-details {
|
|
display: block;
|
|
}
|
|
|
|
.metaedit-table-label {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.metaedit-suggester-command {
|
|
font-weight: var(--font-semibold);
|
|
}
|
|
|
|
/* Lay the row out as flex so the action icons sit flush-right and stay
|
|
vertically centered against the property label (float:right aligned to the
|
|
line box, not the row center, which left them looking off). */
|
|
.suggestion-item:has(.metaedit-suggester-action-button) {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.metaedit-suggester-action-button {
|
|
margin-left: 4px;
|
|
}
|
|
|
|
/* First action button pushes the whole icon group to the right edge. */
|
|
.metaedit-suggester-action-button:first-of-type {
|
|
margin-left: auto;
|
|
}
|
|
|
|
.metaedit-dataview-empty-header {
|
|
border: none;
|
|
}
|
|
|
|
.metaedit-bulk-modal-description {
|
|
color: var(--text-muted);
|
|
margin-top: 0;
|
|
}
|
|
|
|
.metaedit-bulk-options {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 8px;
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.metaedit-bulk-option {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-start;
|
|
gap: 2px;
|
|
width: 100%;
|
|
height: auto;
|
|
padding: 10px 12px;
|
|
text-align: left;
|
|
white-space: normal;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.metaedit-bulk-option-label {
|
|
font-weight: var(--font-semibold);
|
|
}
|
|
|
|
.metaedit-bulk-option-description {
|
|
color: var(--text-muted);
|
|
font-size: var(--font-ui-smaller);
|
|
}
|
|
|
|
.metaedit-native-property-prompt {
|
|
min-width: min(520px, 88vw);
|
|
}
|
|
|
|
/* Obsidian's .metadata-property:focus-within ring wraps the whole row (pill +
|
|
value) with no inner padding of its own, so give the composite breathing room
|
|
- otherwise the pill's rounded background collides with the ring's corner and
|
|
wrapped chips sit flush against it. Same treatment as the create row. */
|
|
.metaedit-native-property-row {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: 8px;
|
|
margin: 12px 0;
|
|
padding: 4px;
|
|
}
|
|
|
|
.metaedit-native-property-host {
|
|
flex: 1 1 auto;
|
|
min-width: 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.metaedit-native-property-host > * {
|
|
width: 100%;
|
|
}
|
|
|
|
.metaedit-native-property-error,
|
|
.metaedit-native-property-fallback-note {
|
|
color: var(--text-muted);
|
|
font-size: var(--font-ui-small);
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.metaedit-native-property-fallback-input {
|
|
width: 100%;
|
|
}
|
|
|
|
.metaedit-native-wikilink-suggest-mirror {
|
|
height: 1px;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
width: 1px;
|
|
}
|
|
|
|
/* Widen the modal BOX itself (not the content past the box padding, which caused
|
|
the horizontal scrollbar). Height hugs the content - no reserved space; the
|
|
key-name dropdown floats as a capped overlay (see below). */
|
|
.metaedit-fluid-create-modal {
|
|
width: min(620px, 92vw);
|
|
max-width: 92vw;
|
|
}
|
|
|
|
.metaedit-fluid-create-row {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: 8px;
|
|
flex-wrap: nowrap;
|
|
margin: 16px 0 6px;
|
|
padding: 4px;
|
|
}
|
|
|
|
/* The type pill shared by the fluid create modal and the native edit prompt. */
|
|
.metaedit-type-pill {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
flex: 0 0 auto;
|
|
height: var(--input-height);
|
|
padding: 0 10px;
|
|
border-radius: var(--radius-s);
|
|
background: var(--interactive-normal);
|
|
box-shadow: var(--input-shadow);
|
|
color: var(--text-normal);
|
|
font-size: var(--font-ui-small);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.metaedit-type-pill:hover {
|
|
background: var(--interactive-hover);
|
|
}
|
|
|
|
.metaedit-type-pill.is-locked {
|
|
cursor: default;
|
|
opacity: 0.75;
|
|
}
|
|
|
|
.metaedit-type-pill-icon {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.metaedit-type-pill-icon .svg-icon {
|
|
width: var(--icon-s);
|
|
height: var(--icon-s);
|
|
}
|
|
|
|
.metaedit-fluid-create-key {
|
|
flex: 2 1 0;
|
|
min-width: 0;
|
|
}
|
|
|
|
.metaedit-fluid-create-value {
|
|
flex: 3 1 0;
|
|
min-width: 0;
|
|
}
|
|
|
|
/* The key-name suggestion dropdown floats as a capped overlay (~6-7 rows +
|
|
internal scroll) so the modal stays compact when it's closed, instead of
|
|
reserving permanent vertical space. */
|
|
.metaedit-fluid-create-suggest {
|
|
max-height: 190px;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.metaedit-fluid-create-autoprop {
|
|
flex: 1 1 auto;
|
|
align-self: center;
|
|
color: var(--text-muted);
|
|
font-size: var(--font-ui-small);
|
|
}
|
|
|
|
.metaedit-fluid-create-hint {
|
|
color: var(--text-muted);
|
|
font-size: var(--font-ui-small);
|
|
margin: 0 0 6px;
|
|
}
|
|
|
|
.metaedit-fluid-create-hint-accept {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.metaedit-fluid-create-warning {
|
|
color: var(--text-error);
|
|
font-size: var(--font-ui-small);
|
|
margin: 0 0 6px;
|
|
}
|