mirror of
https://github.com/gtritchie/bulk-properties.git
synced 2026-07-22 14:10:30 +00:00
0e8d99c9ca
* Link "plugin settings" text to open settings tab in empty-state message When no properties are configured, the modal now shows "plugin settings" as a clickable link that closes the modal and navigates directly to the plugin's settings tab. * Guard undocumented settings API with feature detection Check that setting.open and setting.openTabById are functions before calling them. Falls back to a Notice with manual navigation instructions if the internal API is absent. * Add focus-visible indicator for links in the modal
100 lines
2.4 KiB
CSS
100 lines
2.4 KiB
CSS
.bulk-properties-modal {
|
|
max-width: 500px;
|
|
}
|
|
|
|
.bulk-properties-date-input,
|
|
.bulk-properties-number-input {
|
|
background: var(--background-modifier-form-field);
|
|
border: 1px solid var(--background-modifier-border);
|
|
border-radius: var(--input-radius);
|
|
color: var(--text-normal);
|
|
padding: var(--size-4-1) var(--size-4-2);
|
|
font-size: var(--font-ui-medium);
|
|
}
|
|
|
|
.bulk-properties-modal a:focus-visible {
|
|
outline: 2px solid var(--background-modifier-border-focus);
|
|
outline-offset: 2px;
|
|
border-radius: var(--radius-s);
|
|
}
|
|
|
|
.bulk-properties-file-list {
|
|
max-height: 200px;
|
|
overflow-y: auto;
|
|
border: 1px solid var(--background-modifier-border);
|
|
border-radius: var(--radius-s);
|
|
padding: var(--size-4-1);
|
|
margin-bottom: var(--size-4-4);
|
|
}
|
|
|
|
.bulk-properties-file-row {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: var(--size-4-2);
|
|
padding: var(--size-2-1) 0;
|
|
}
|
|
|
|
.bulk-properties-file-path {
|
|
font-size: var(--font-ui-small);
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.bulk-properties-cancel-btn {
|
|
margin-left: var(--size-4-2);
|
|
}
|
|
|
|
.bulk-properties-pill-container {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
gap: var(--size-2-2);
|
|
min-height: var(--input-height);
|
|
padding: var(--size-4-1) var(--size-4-2);
|
|
background: var(--background-modifier-form-field);
|
|
border: 1px solid var(--background-modifier-border);
|
|
border-radius: var(--input-radius);
|
|
cursor: text;
|
|
}
|
|
|
|
.bulk-properties-pill-container:focus-within {
|
|
border-color: var(--background-modifier-border-focus);
|
|
box-shadow: 0 0 0 2px var(--background-modifier-border-focus);
|
|
}
|
|
|
|
.bulk-properties-pill-container .multi-select-pill {
|
|
font-size: var(--font-ui-smaller);
|
|
padding: var(--size-2-1) var(--size-2-3);
|
|
}
|
|
|
|
.bulk-properties-pill-container .multi-select-pill-remove-button {
|
|
border: none;
|
|
background: none;
|
|
padding: var(--size-2-1);
|
|
border-radius: var(--radius-s);
|
|
cursor: pointer;
|
|
color: var(--text-muted);
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.bulk-properties-pill-container .multi-select-pill-remove-button:hover {
|
|
color: var(--text-normal);
|
|
background: var(--background-modifier-hover);
|
|
}
|
|
|
|
.bulk-properties-pill-container .multi-select-pill-remove-button:focus-visible {
|
|
color: var(--text-normal);
|
|
outline: 2px solid var(--background-modifier-border-focus);
|
|
outline-offset: -1px;
|
|
}
|
|
|
|
.bulk-properties-pill-input {
|
|
flex: 1 1 80px;
|
|
min-width: 80px;
|
|
border: none;
|
|
background: transparent;
|
|
color: var(--text-normal);
|
|
font-size: var(--font-ui-medium);
|
|
outline: none;
|
|
padding: 0;
|
|
}
|