Files
StudyDiary-20261009/.obsidian/plugins/callout-manager/styles.css

442 lines
121 KiB
CSS
Raw Normal View History

2026-10-09 22:06:40 +08:00
.mod-sidebar-layout .calloutmanager-setting-tab.vertical-tab-content {
position: relative;
padding: 0 !important;
display: flex;
flex-direction: column;
overflow-y: initial;
}
.mod-sidebar-layout .calloutmanager-setting-tab.vertical-tab-content {
--cm-setting-tab-controls-margin: calc(var(--size-4-12) - (var(--size-4-2) - var(--size-4-1)));
}
body.is-phone .mod-sidebar-layout .calloutmanager-setting-tab.vertical-tab-content {
--cm-setting-tab-controls-margin: var(--size-4-2);
}
.calloutmanager-setting-tab-header {
display: flex;
align-items: center;
padding-top: var(--size-4-1);
padding-bottom: var(--size-4-1);
padding-right: var(--size-4-2);
border-bottom: 1px solid var(--background-modifier-border);
background-color: var(--background-secondary);
}
body.is-phone .calloutmanager-setting-tab-header {
background-color: var(--background-primary);
margin-top: var(--modal-header-height);
}
.calloutmanager-setting-tab-nav {
display: flex;
align-items: center;
justify-content: center;
min-width: var(--size-4-12);
min-height: calc(var(--size-4-2) + var(--input-height));
}
.calloutmanager-setting-tab-nav button {
padding: var(--size-4-1) var(--size-4-2);
box-shadow: none;
}
body.is-mobile .calloutmanager-setting-tab-nav {
padding: var(--size-4-2);
}
body.is-phone .calloutmanager-setting-tab-nav, body.is-phone .calloutmanager-setting-tab-nav button {
height: 100%;
min-width: unset;
}
.calloutmanager-setting-tab-controls {
flex: 3 3;
display: flex;
align-items: center;
justify-content: end;
gap: var(--size-4-2);
padding-left: var(--cm-setting-tab-controls-margin);
}
.calloutmanager-setting-tab-controls > *:not(.modal-close-button) {
display: contents;
}
.calloutmanager-setting-tab-controls > *:not(.modal-close-button) > input[type=text] {
flex: 1 1 auto;
}
.calloutmanager-setting-tab-controls .modal-close-button {
flex: 0 0 auto;
position: static;
left: unset;
top: 0;
right: 0;
bottom: 0;
}
body.is-phone .calloutmanager-setting-tab-controls .modal-close-button {
display: none;
}
.calloutmanager-setting-tab-title {
flex: 1 1 auto;
flex-wrap: nowrap;
}
.calloutmanager-setting-tab-title h2,
.calloutmanager-setting-tab-title h3 {
margin: 0;
word-break: keep-all;
}
.calloutmanager-setting-tab-title h3 {
font-size: var(--font-ui-small);
}
body:not(.is-phone) .calloutmanager-setting-tab-title h3 {
font-size: 0.8em;
}
body.is-phone .calloutmanager-setting-tab-title h2:has(+ h3) {
display: none;
}
.calloutmanager-setting-tab-viewport {
flex: 1 2 auto;
}
body.is-phone .calloutmanager-setting-tab-viewport {
--modal-header-height: var(--size-2-1);
}
.calloutmanager-setting-tab-viewport {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.calloutmanager-setting-tab-content {
flex: 1 1 auto;
}
.calloutmanager-setting-tab-content body:not(.is-phone) {
min-height: 100%;
}
.calloutmanager-search-error {
width: 60%;
}
body.is-phone .calloutmanager-search-error {
width: 100%;
}
.calloutmanager-search-error code {
word-break: break-all;
color: var(--text-accent);
}
.calloutmanager-search-error-suggestions {
color: var(--text-muted);
}
.calloutmanager-preview-container-with-button {
--calloutmanager-callout-edit-buttons-size: calc(var(--input-height) + 2 * var(--size-4-3));
}
body.is-phone .calloutmanager-preview-container-with-button {
--calloutmanager-callout-edit-buttons-size: var(--input-height);
}
.calloutmanager-preview-container-with-button {
display: grid;
grid-template-columns: 1fr var(--calloutmanager-callout-edit-buttons-size) var(--calloutmanager-callout-edit-buttons-size);
align-items: center;
gap: var(--size-4-2);
}
.calloutmanager-preview-container-with-button > button {
width: var(--calloutmanager-callout-edit-buttons-size);
height: 100%;
}
body:not(.is-phone) .calloutmanager-preview-container-with-button > button {
display: block;
padding: 0 !important;
}
.calloutmanager-callout-resolver {
display: none !important;
}
.calloutmanager-latest-changes {
padding: var(--size-4-4);
}
.calloutmanager-latest-changes .calloutmanager-changelog-section > :first-child {
margin-top: 0;
}
.calloutmanager-latest-changes .calloutmanager-changelog-section > :last-child {
margin-bottom: 0;
}
.calloutmanager-latest-changes .callout {
background: none;
}
.calloutmanager-edit-callout-section {
border-top: 1px solid var(--background-modifier-border);
padding-top: var(--size-4-3);
padding-bottom: var(--size-4-6);
}
.calloutmanager-edit-callout-section:empty {
display: none;
}
.calloutmanager-edit-callout-section--noborder {
border-top: none;
}
.calloutmanager-edit-callout-section .setting-item .setting-item-description p {
margin: 0;
}
.calloutmanager-edit-callout-section h2 {
margin-bottom: 0.3em;
}
.calloutmanager-edit-callout-section h2 + p {
margin-top: 0;
}
.calloutmanager-edit-callout-appearance .setting-item {
border-top: none;
padding-top: 0.375em;
}
.calloutmanager-edit-callout-appearance .setting-item:has(+ .setting-item) {
padding-bottom: 0.375em;
}
body.is-phone .calloutmanager-edit-callout-appearance .setting-item:has(+ .setting-item) {
margin-bottom: 0.7em;
}
.calloutmanager-edit-callout-appearance-json pre {
border: rgba(var(--background-modifier-border)) 1px solid;
border-radius: var(--callout-radius);
padding: var(--size-4-2);
background: var(--background-primary-alt);
overflow-x: auto;
margin: 0;
}
.calloutmanager-edit-callout-appearance-reset {
width: 100%;
}
.callout.calloutmanager-preview {
mix-blend-mode: unset !important;
margin: 0 !important;
}
.calloutmanager-preview-container {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.calloutmanager-centerbox {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.calloutmanager-pane button[disabled] {
box-shadow: none;
background-color: var(--interactive-normal);
}
.calloutmanager-pane button[disabled]:hover {
background-color: var(--interactive-normal);
cursor: not-allowed;
}
.calloutmanager-pane input[type=color][disabled] {
cursor: not-allowed;
}
.calloutmanager-pane input:invalid:not(:placeholder-shown),
.calloutmanager-pane input.invalid {
border-color: var(--text-error);
}
body.is-phone .calloutmanager-pane input[type=color]::-webkit-color-swatch {
border-radius: var(--button-radius);
border: #f00 2px solid;
border: 1px solid var(--checkbox-border-color);
}
.calloutmanager-pane .clickable-icon.mod-warning {
color: var(--text-error);
background: transparent;
}
.calloutmanager-pane .clickable-icon.mod-warning:hover {
color: var(--text-error);
background: transparent;
}
.calloutmanager-pane input[type=text].mod-error {
border-color: var(--text-error);
}
body.is-phone .calloutmanager-setting-tab-content .setting-item-control button.clickable-icon,
body.is-phone .calloutmanager-setting-tab-controls button.clickable-icon {
width: var(--button-height);
}
body.is-phone .calloutmanager-setting-tab-content .setting-item-control button.clickable-icon {
border: 1px solid var(--checkbox-border-color);
}
.calloutmanager-changelog > *:not(:first-child) {
margin-top: 1em;
}
.calloutmanager-changelog {
--callout-blend-mode: normal;
}
.calloutmanager-changelog details > summary::marker {
color: var(--text-faint);
}
.calloutmanager-changelog details[open] > summary::marker {
color: var(--text-muted);
}
.calloutmanager-changelog details .calloutmanager-changelog-section {
border-bottom: 1px solid var(--background-modifier-border);
margin-bottom: 1.25em;
padding-bottom: 1.25em;
}
.calloutmanager-changelog details .calloutmanager-changelog-section > :last-child {
margin-bottom: 0;
}
.calloutmanager-changelog details:not([data-current-version=true]) .calloutmanager-changelog-heading {
color: var(--text-muted);
}
.calloutmanager-changelog-section .callout {
--callout-padding: 0.5em;
}
.calloutmanager-changelog-section .callout > .callout-content {
margin-left: calc(18px + 0.25em);
overflow-y: hidden;
}
.calloutmanager-changelog-section .callout > .callout-content > :first-child {
margin-top: 0;
}
.calloutmanager-changelog-section .callout > .callout-content > :last-child {
margin-bottom: 0;
}
.callout[data-calloutmanager-changelog-callout=new] {
--callout-icon: lucide-plus;
--callout-color: rgb(30, 160, 30);
}
.theme-dark .callout[data-calloutmanager-changelog-callout=new] {
--callout-color: rgb(60, 250, 60);
}
.callout[data-calloutmanager-changelog-callout=fix] {
--callout-icon: lucide-wrench;
--callout-color: rgb(128, 128, 128);
}
.theme-dark .callout[data-calloutmanager-changelog-callout=fix] {
--callout-color: rgb(180, 180, 180);
}
.callout[data-calloutmanager-changelog-callout=change] {
--callout-icon: lucide-edit-3;
--callout-color: rgb(10, 170, 210);
}
.theme-dark .callout[data-calloutmanager-changelog-callout=change] {
--callout-color: rgb(60, 157, 210);
}
.calloutmanager-changelog-heading {
display: inline;
font-weight: bold;
}
.calloutmanager-edit-callout-preview {
padding-bottom: var(--size-4-8);
min-height: 14em;
}
body.is-mobile .calloutmanager-edit-callout-preview {
min-height: 35vh;
}
.calloutmanager-preview-editor {
resize: vertical;
width: 100%;
min-height: 6em;
margin-top: var(--size-4-3);
background: transparent;
font-size: var(--font-text-size);
font-family: var(--font-text);
line-height: var(--line-height-normal);
}
.calloutmanager-edit-callout-info {
color: var(--text-muted);
}
.calloutmanager-edit-callout--invalid-color {
color: var(--text-error);
}
.calloutmanager-edit-callout--callout-color {
color: rgb(var(--resolved-callout-color));
}
.calloutmanager-edit-callout--callout-id,
.calloutmanager-edit-callout--callout-icon,
.calloutmanager-edit-callout--callout-source {
color: var(--text-normal);
}
:root {
--calloutmanager-icon-picker-size: 100px;
--calloutmanager-icon-picker-gap: 8px;
--calloutmanager-icon-picker-icon-size: 2.5em;
--calloutmanager-icon-picker-id-size: 0.75em;
}
.calloutmanager-icon-picker {
display: grid;
grid-template-columns: repeat(auto-fill, var(--calloutmanager-icon-picker-size));
grid-auto-rows: var(--calloutmanager-icon-picker-size);
gap: var(--calloutmanager-icon-picker-gap);
justify-content: center;
}
.calloutmanager-icon-picker .calloutmanager-icon-preview {
height: 100%;
--calloutmanager-icon-preview-icon-size: var(--calloutmanager-icon-picker-icon-size);
--calloutmanager-icon-preview-id-size: var(--calloutmanager-icon-picker-id-size);
}
:root {
--calloutmanager-reset-button-disabled-opacity: 0.3;
}
.calloutmanager-reset-button:is(.is-disabled, [disabled]) {
opacity: var(--calloutmanager-reset-button-disabled-opacity);
}
.calloutmanager-reset-button:is(.is-disabled, [disabled]):hover {
background-color: transparent;
}
.calloutmanager-reset-button:is(.is-disabled, [disabled]):active {
color: var(--icon-color);
}
:root {
--calloutmanager-icon-preview-icon-size: 1em;
--calloutmanager-icon-preview-id-size: 0.8em;
}
.calloutmanager-icon-preview {
position: relative;
height: unset;
min-height: 3em;
display: flex;
flex-direction: column;
}
.calloutmanager-icon-preview--icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, calc(-50% - 0.5em));
--icon-size: var(--calloutmanager-icon-picker-icon-size);
}
.calloutmanager-icon-preview--id {
width: 100%;
margin-top: auto;
white-space: normal;
word-break: break-word;
hyphens: manual;
font-size: var(--calloutmanager-icon-picker-id-size);
}
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiX19maW5hbF9fLmNzcyIsInNvdXJjZXMiOlsic3JjL3VpL2NvbXBvbmVudC9pY29uLXByZXZpZXcudHMiLCJzcmMvdWkvY29tcG9uZW50L3Jlc2V0LWJ1dHRvbi50cyIsInNyYy9wYW5lcy9zZWxlY3QtaWNvbi1wYW5lLnRzIiwic3JjL3BhbmVzL2VkaXQtY2FsbG91dC1wYW5lL3NlY3Rpb24taW5mby50cyIsInNyYy9wYW5lcy9lZGl0LWNhbGxvdXQtcGFuZS9zZWN0aW9uLXByZXZpZXcudHMiLCJzcmMvY2hhbmdlbG9nLnRzIiwic3JjL3BhbmVzL2NoYW5nZWxvZy1wYW5lLnRzIiwic3JjL3VpL3BhbmUudHMiLCJzcmMvdWkvY29tcG9uZW50L2NhbGxvdXQtcHJldmlldy50cyIsInNyYy9wYW5lcy9lZGl0LWNhbGxvdXQtcGFuZS9pbmRleC50cyIsInNyYy9wYW5lcy9tYW5hZ2UtcGx1Z2luLXBhbmUudHMiLCJzcmMvY2FsbG91dC1yZXNvbHZlci50cyIsInNyYy9wYW5lcy9tYW5hZ2UtY2FsbG91dHMtcGFuZS50cyIsInNyYy91aS9wYW5lZC1zZXR0aW5nLXRhYi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGdldEljb24gfSBmcm9tICdvYnNpZGlhbic7XG5cbi8qKlxuICogQSBwcmV2aWV3IG9mIGFuIGljb24uXG4gKlxuICogVGhpcyBpcyBhIGJ1dHRvbiB0aGF0IHNob3dzIHRoZSBpY29uIGdyYXBoaWMgYW5kIGl0cyBuYW1lLlxuICovXG5leHBvcnQgY2xhc3MgSWNvblByZXZpZXdDb21wb25lbnQgZXh0ZW5kcyBDb21wb25lbnQge1xuXHRwdWJsaWMgcmVhZG9ubHkgY29tcG9uZW50RWw6IEhUTUxFbGVtZW50O1xuXHRwdWJsaWMgcmVhZG9ubHkgaWNvbkVsOiBIVE1MRWxlbWVudDtcblx0cHVibGljIHJlYWRvbmx5IGlkRWw6IEhUTUxFbGVtZW50O1xuXG5cdHB1YmxpYyBjb25zdHJ1Y3Rvcihjb250YWluZXJFbDogSFRNTEVsZW1lbnQpIHtcblx0XHRzdXBlcigpO1xuXHRcdHRoaXMuY29tcG9uZW50RWwgPSBjb250YWluZXJFbC5jcmVhdGVFbCgnYnV0dG9uJywgeyBjbHM6ICdjYWxsb3V0bWFuYWdlci1pY29uLXByZXZpZXcnIH0pO1xuXHRcdHRoaXMuaWNvbkVsID0gdGhpcy5jb21wb25lbnRFbC5jcmVhdGVEaXYoeyBjbHM6ICdjYWxsb3V0bWFuYWdlci1pY29uLXByZXZpZXctLWljb24nIH0pO1xuXHRcdHRoaXMuaWRFbCA9IHRoaXMuY29tcG9uZW50RWwuY3JlYXRlRGl2KHsgY2xzOiAnY2FsbG91dG1hbmFnZXItaWNvbi1wcmV2aWV3LS1pZCcgfSk7XG5cdH1cblxuXHQvKipcblx0ICogU2V0cyB0aGUgaWNvbiBvZiB0aGUgaWNvbiBwcmV2aWV3IGNvbXBvbmVudC5cblx0ICogVGhpcyB3aWxsIHVwZGF0ZSB0aGUgbGFiZWwgYW5kIHRoZSBpY29uIFNWRy5cblx0ICpcblx0ICogQHBhcmFtIGljb24gVGhlIGljb24gbmFtZS5cblx0ICogQHJldHVybnMgVGhpcywgZm9yIGNoYWluaW5nLlxuXHQgKi9cblx0cHVibGljIHNldEljb24oaWNvbjogc3RyaW5nKTogdHlwZW9mIHRoaXMge1xuXHRcdGNvbnN0IGljb25TdmcgPSBnZXRJY29uKGljb24pO1xuXG5cdFx0dGhpcy5jb21wb25lbnRFbC5zZXRBdHRyaWJ1dGUoJ2RhdGEtaWNvbi1pZCcsIGljb24pO1xuXHRcdHRoaXMuaWRFbC50ZXh0Q29udGVudCA9IGljb247XG5cdFx0dGhpcy5pY29uRWwuZW1wdHkoKTtcblx0XHRpZiAoaWNvblN2ZyAhPSBudWxsKSB7XG5cdFx0XHR0aGlzLmljb25FbC5hcHBlbmRDaGlsZChpY29uU3ZnKTtcblx0XHR9XG5cblx0XHRyZXR1cm4gdGhpcztcblx0fVxuXG5cdC8qKlxuXHQgKiBTZXRzIHRoZSBgY2xpY2tgIGV2ZW50IGxpc3RlbmVyIGZvciB0aGUgY29tcG9uZW50LlxuXHQgKlxuXHQgKiBAcGFyYW0gbGlzdGVuZXIgVGhlIGxpc3RlbmVyLlxuXHQgKiBAcmV0dXJucyBUaGlzLCBmb3IgY2hhaW5pbmcuXG5cdCAqL1xuXHRwdWJsaWMgb25DbGljayhsaXN0ZW5lcjogKGV2dDogTW91c2VFdmVudCkgPT4gdm9pZCk6IHR5cGVvZiB0aGlzIHtcblx0XHR0aGlzLmNvbXBvbmVudEVsLm9uY2xpY2sgPSBsaXN0ZW5lcjtcblx0XHRyZXR1cm4gdGhpcztcblx0fVxufVxuXG5kZWNsYXJlIGNvbnN0IFNUWUxFUzogYFxuXHQ6cm9vdCB7XG5cdFx0LS1jYWxsb3V0bWFuYWdlci1pY29uLXByZXZpZXctaWNvbi1zaXplOiAxZW07XG5cdFx0LS1jYWxsb3V0bWFuYWdlci1pY29uLXByZXZpZXctaWQtc2l6ZTogMC44ZW07XG5cdH1cblxuXHQuY2FsbG91dG1hbmFnZXItaWNvbi1wcmV2aWV3IHtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0aGVpZ2h0OiB1bnNldDtcblx0XHRtaW4taGVpZ2h0OiAzZW07XG5cblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdH1cblxuXHQuY2FsbG91dG1hbmFnZXItaWNvbi1wcmV2aWV3LS1pY29uIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0dG9wOiA1MCU7XG5cdFx0bGVmdDogNTAlO1xuXHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIGNhbGMoLTUwJSAtIDAuNWVtKSk7XG5cblx0XHQtLWljb24tc2l6ZTogdmFyKC0tY2FsbG91dG1hbmFnZXItaWNvbi1waWNrZXItaWNvbi1zaXplKTtcblx0fVxuXG5cdC5jYWxsb3V0bWFuYWdlci1pY29uLXByZXZpZXctLWlkIHtcblx0XHR3aWR0aDogMTAwJTtcblx0XHRtYXJnaW4tdG9wOiBhdXRvO1xuXG5cdFx0Ly8gQnJlYWsgd29yZHMuXG5cdFx0d2hpdGUtc3BhY2U6IG5vcm1hbDtcblx0XHR3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuXHRcdGh5cGhlbnM6IG1hbnVhbDtcblxuXHRcdGZvbnQtc2l6ZTogdmFyKC0tY2FsbG91dG1hbmFnZXItaWNvbi1waWNrZXItaWQtc2l6ZSk7XG5cdH1cbmA7XG4iLCJpbXBvcnQgeyBFeHRyYUJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJ29ic2lkaWFuJztcblxuLyoqXG4gKiBBIHJlc2V0IGJ1dHRvbi5cbiAqL1xuZXhwb3J0IGNsYXNzIFJlc2V0QnV0dG9uQ29tcG9uZW50IGV4dGVuZHMgRXh0cmFCdXR0b25Db21wb25lbnQge1xuXHRwdWJsaWMgY29uc3RydWN0b3IoY29udGFpbmVyRWw6IEhUTUxFbGVtZW50KSB7XG5cdFx0c3VwZXIoY29udGFpbmVyRWwpO1xuXHRcdHRoaXMuc2V0SWNvbignbHVjaWRlLXVuZG8nKTtcb