update
This commit is contained in:
Oscar Plaisant
@@ -2,7 +2,6 @@
|
||||
"devMode": false,
|
||||
"ignoreCodeBlockRestrictions": false,
|
||||
"preferredDateFormat": "YYYY-MM-DD",
|
||||
"useUsDateInputOrder": false,
|
||||
"firstWeekday": {
|
||||
"index": 1,
|
||||
"name": "Monday",
|
||||
@@ -19,5 +18,6 @@
|
||||
"buttonTemplates": [],
|
||||
"excludedFolders": [
|
||||
"templates"
|
||||
]
|
||||
],
|
||||
"useUsDateInputOrder": false
|
||||
}
|
||||
188
.obsidian/plugins/obsidian-meta-bind-plugin/main.js
vendored
188
.obsidian/plugins/obsidian-meta-bind-plugin/main.js
vendored
File diff suppressed because one or more lines are too long
@@ -1,11 +1,12 @@
|
||||
{
|
||||
"id": "obsidian-meta-bind-plugin",
|
||||
"name": "Meta Bind",
|
||||
"version": "0.12.5",
|
||||
"version": "1.1.0",
|
||||
"minAppVersion": "1.4.0",
|
||||
"description": "Make your notes interactive with inline input fields, metadata displays, and buttons.",
|
||||
"author": "Moritz Jung",
|
||||
"authorUrl": "https://mprojectscode.github.io/",
|
||||
"authorUrl": "https://www.moritzjung.dev/",
|
||||
"fundingUrl": "https://github.com/sponsors/mProjectsCode",
|
||||
"helpUrl": "https://www.moritzjung.dev/obsidian-meta-bind-plugin-docs/",
|
||||
"isDesktopOnly": false
|
||||
}
|
||||
|
||||
@@ -4,6 +4,14 @@ body {
|
||||
--mb-slider-spacing: 5px;
|
||||
--mb-select-element-border-width: 5px;
|
||||
--mb-date-input-year-input-width: 80px;
|
||||
|
||||
--mb-background-modifier-active: hsla(var(--interactive-accent-hsl), 0.15);
|
||||
--mb-background-modifier-active-hover: hsla(var(--interactive-accent-hsl), 0.3);
|
||||
|
||||
--mb-input-type-select-text: var(--text-muted);
|
||||
--mb-input-type-select-text-hover: var(--text-normal);
|
||||
--mb-input-type-select-text-active: var(--text-normal);
|
||||
--mb-input-type-select-text-active-hover: var(--text-normal);
|
||||
}
|
||||
|
||||
/* Input Wrappers */
|
||||
@@ -125,74 +133,56 @@ div.mb-view-wrapper {
|
||||
/* Select Input */
|
||||
.mb-select-input-element {
|
||||
cursor: pointer;
|
||||
padding: 5px;
|
||||
margin: 5px 0 5px 0;
|
||||
display: flex;
|
||||
gap: var(--size-4-2);
|
||||
align-items: center;
|
||||
padding: var(--size-4-1) var(--size-4-2);
|
||||
margin: var(--size-4-1) 0;
|
||||
border-radius: var(--mb-border-radius);
|
||||
border-left: var(--mb-select-element-border-width) solid transparent;
|
||||
white-space: pre-wrap;
|
||||
font-size: 16px;
|
||||
min-width: 200px;
|
||||
}
|
||||
color: var(--mb-input-type-select-text);
|
||||
|
||||
.mb-select-input-element.is-selected {
|
||||
border-left: var(--mb-select-element-border-width) solid var(--interactive-accent);
|
||||
background: var(--background-secondary);
|
||||
}
|
||||
&.is-selected {
|
||||
color: var(--mb-input-type-select-text-active);
|
||||
background: var(--mb-background-modifier-active);
|
||||
|
||||
.mb-select-input-element:hover {
|
||||
background: var(--background-secondary);
|
||||
}
|
||||
&:hover {
|
||||
color: var(--mb-input-type-select-text-active-hover);
|
||||
background: var(--mb-background-modifier-active-hover);
|
||||
}
|
||||
}
|
||||
|
||||
/* Date Input */
|
||||
.mb-date-input-year-input[type='number'] {
|
||||
width: var(--mb-date-input-year-input-width);
|
||||
height: unset;
|
||||
align-self: stretch;
|
||||
}
|
||||
&:hover {
|
||||
color: var(--mb-input-type-select-text-hover);
|
||||
background: var(--background-modifier-hover);
|
||||
}
|
||||
|
||||
/* Input Element Group */
|
||||
.mb-input-element-group {
|
||||
display: inline-flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
&:not(.mb-mod-multi) > input[type='checkbox'] {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.mb-input-element-group .mb-input-element-group-element:focus {
|
||||
z-index: 10;
|
||||
& > input[type='checkbox'] {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.mb-input-element-group .mb-input-element-group-element:first-child {
|
||||
border-radius: var(--mb-border-radius) 0 0 var(--mb-border-radius);
|
||||
}
|
||||
|
||||
.mb-input-element-group .mb-input-element-group-element:not(:first-child):not(:last-child) {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.mb-input-element-group .mb-input-element-group-element:last-child {
|
||||
border-radius: 0 var(--mb-border-radius) var(--mb-border-radius) 0;
|
||||
}
|
||||
|
||||
/* SailKite small input fields so that line height is consistent */
|
||||
/* https://discord.com/channels/1171444840257572935/1171444840257572939/1171562547212726403 */
|
||||
/*.mb-input-element-group {*/
|
||||
/* & > .mb-date-input-year-input[type='number'] {*/
|
||||
/* padding-block: 0;*/
|
||||
/* }*/
|
||||
/* & > .mb-input-element-group-element {*/
|
||||
/* height: 100%;*/
|
||||
/* }*/
|
||||
/*}*/
|
||||
|
||||
/* List Input */
|
||||
.mb-list-input {
|
||||
display: flex;
|
||||
gap: var(--size-4-2);
|
||||
}
|
||||
|
||||
.mb-list-input > div:has(> input) {
|
||||
.mb-list-input > input {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.mb-list-input > textarea {
|
||||
flex-grow: 1;
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
.mb-list-empty {
|
||||
color: var(--text-faint);
|
||||
}
|
||||
@@ -201,15 +191,22 @@ div.mb-view-wrapper {
|
||||
margin-bottom: var(--size-4-4);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--size-4-2);
|
||||
gap: var(--size-4-1);
|
||||
}
|
||||
|
||||
.mb-list-item {
|
||||
display: flex;
|
||||
}
|
||||
padding: var(--size-4-1) var(--size-4-2);
|
||||
border-radius: var(--mb-border-radius);
|
||||
user-select: text;
|
||||
|
||||
.mb-list-item > span {
|
||||
flex-grow: 1;
|
||||
& > span {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: var(--background-modifier-hover);
|
||||
}
|
||||
}
|
||||
|
||||
/* Inline List */
|
||||
@@ -226,21 +223,19 @@ div.mb-view-wrapper {
|
||||
padding-inline: var(--size-4-2);
|
||||
padding-block: var(--size-4-1);
|
||||
font-size: var(--font-ui-small);
|
||||
vertical-align: bottom;
|
||||
user-select: text;
|
||||
|
||||
&:not(:last-child) {
|
||||
margin-right: var(--size-4-2);
|
||||
}
|
||||
|
||||
& > .mb-inline-list-item-button {
|
||||
border: none;
|
||||
background: none;
|
||||
padding: initial;
|
||||
height: unset;
|
||||
box-shadow: none;
|
||||
|
||||
&:hover {
|
||||
color: var(--text-error);
|
||||
}
|
||||
&:hover {
|
||||
border-color: var(--background-modifier-border-hover);
|
||||
background-color: var(--background-modifier-hover);
|
||||
transition:
|
||||
box-shadow 0.15s ease-in-out,
|
||||
border 0.15s ease-in-out;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -254,7 +249,17 @@ div.mb-view-wrapper {
|
||||
font-size: var(--font-ui-small);
|
||||
|
||||
&:hover {
|
||||
color: var(--text-accent);
|
||||
border-color: var(--background-modifier-border-hover);
|
||||
background-color: var(--background-modifier-hover);
|
||||
transition:
|
||||
box-shadow 0.15s ease-in-out,
|
||||
border 0.15s ease-in-out;
|
||||
}
|
||||
|
||||
&:focus,
|
||||
&:focus-visible {
|
||||
box-shadow: 0 0 0 2px var(--background-modifier-border-focus);
|
||||
color: var(--text-normal);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -264,13 +269,25 @@ div.mb-view-wrapper {
|
||||
background: var(--background-modifier-form-field);
|
||||
border-radius: var(--mb-border-radius);
|
||||
border: var(--mb-border-width) solid var(--background-modifier-border);
|
||||
padding: 5px 5px 5px 7px;
|
||||
cursor: pointer;
|
||||
padding: var(--size-4-1) var(--size-4-2);
|
||||
position: relative;
|
||||
color: var(--text-normal);
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
gap: var(--size-4-1);
|
||||
user-select: text;
|
||||
|
||||
&:hover {
|
||||
border-color: var(--background-modifier-border-hover);
|
||||
transition:
|
||||
box-shadow 0.15s ease-in-out,
|
||||
border 0.15s ease-in-out;
|
||||
}
|
||||
}
|
||||
|
||||
.mb-suggest-input > button {
|
||||
padding: 0;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.mb-suggest-text {
|
||||
@@ -280,7 +297,7 @@ div.mb-view-wrapper {
|
||||
/* Progress Bar Input */
|
||||
|
||||
.mb-progress-bar-input {
|
||||
height: 32px;
|
||||
height: var(--input-height);
|
||||
width: 100%;
|
||||
border-radius: var(--mb-border-radius);
|
||||
border: var(--mb-border-width) solid var(--background-modifier-border);
|
||||
@@ -293,7 +310,7 @@ div.mb-view-wrapper {
|
||||
}
|
||||
|
||||
.mb-progress-bar-progress {
|
||||
height: 32px;
|
||||
height: 100%;
|
||||
background: var(--color-accent);
|
||||
border-radius: var(--mb-border-radius);
|
||||
}
|
||||
@@ -319,6 +336,14 @@ div.mb-view-wrapper {
|
||||
right: var(--size-4-2);
|
||||
}
|
||||
|
||||
/* Text Area Input */
|
||||
|
||||
.mb-input-textarea {
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
/* Card */
|
||||
.mb-card {
|
||||
padding: var(--size-4-2);
|
||||
@@ -370,6 +395,107 @@ div.mb-view-wrapper {
|
||||
gap: var(--size-4-4);
|
||||
}
|
||||
|
||||
.mb-image-suggester-modal {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.mb-image-card-image {
|
||||
width: 100%;
|
||||
height: fit-content;
|
||||
max-height: 500px;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
.mb-image-card-text {
|
||||
display: block;
|
||||
margin: var(--size-4-2);
|
||||
margin-bottom: var(--size-4-4);
|
||||
}
|
||||
|
||||
.mb-image-card-footer {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
& > span {
|
||||
padding-left: var(--size-4-2);
|
||||
font-size: var(--font-ui-small);
|
||||
color: var(--text-muted);
|
||||
min-width: 0;
|
||||
text-overflow-ellipsis: true;
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.mb-image-suggest-input {
|
||||
background: var(--background-secondary);
|
||||
border-radius: var(--mb-border-radius);
|
||||
border: var(--mb-border-width) solid var(--background-modifier-border);
|
||||
padding: var(--size-4-2);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Time Input */
|
||||
|
||||
.mb-input-type-time {
|
||||
input[type='time'] {
|
||||
-webkit-app-region: no-drag;
|
||||
background: var(--background-modifier-form-field);
|
||||
border: var(--input-border-width) solid var(--background-modifier-border);
|
||||
color: var(--text-normal);
|
||||
font-family: inherit;
|
||||
padding: var(--size-4-1) var(--size-4-2);
|
||||
font-size: var(--font-ui-small);
|
||||
border-radius: var(--input-radius);
|
||||
outline: none;
|
||||
|
||||
&:hover {
|
||||
border-color: var(--background-modifier-border-hover);
|
||||
transition:
|
||||
box-shadow 0.15s ease-in-out,
|
||||
border 0.15s ease-in-out;
|
||||
}
|
||||
|
||||
&:focus,
|
||||
&:focus-visible {
|
||||
box-shadow: 0 0 0 2px var(--background-modifier-border-focus);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* Date Picker Input */
|
||||
|
||||
.date-picker-input {
|
||||
background: var(--background-modifier-form-field);
|
||||
border: var(--mb-border-width) solid var(--background-modifier-border);
|
||||
color: var(--text-normal);
|
||||
font-family: inherit;
|
||||
padding: var(--size-4-1) var(--size-4-2);
|
||||
font-size: var(--font-ui-small);
|
||||
border-radius: var(--input-radius);
|
||||
outline: none;
|
||||
|
||||
position: relative;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
|
||||
&:hover {
|
||||
border-color: var(--background-modifier-border-hover);
|
||||
transition:
|
||||
box-shadow 0.15s ease-in-out,
|
||||
border 0.15s ease-in-out;
|
||||
}
|
||||
|
||||
&:focus,
|
||||
&:focus-visible {
|
||||
box-shadow: 0 0 0 2px var(--background-modifier-border-focus);
|
||||
}
|
||||
}
|
||||
|
||||
.date-picker-text {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* Error */
|
||||
.mb-error {
|
||||
color: var(--text-error) !important;
|
||||
@@ -507,10 +633,36 @@ th.mb-html-table-button-cell {
|
||||
gap: var(--size-4-2);
|
||||
}
|
||||
|
||||
.mb-flex-row > :first-child {
|
||||
.mb-flex-row.mb-flex-row-stretch > :first-child {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.mb-flex-row-reverse {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: var(--size-4-2);
|
||||
}
|
||||
|
||||
.mb-flex-row-reverse.mb-flex-row-stretch > :last-child {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.mb-full-width-text-input {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.mb-full-width-text-input > input {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.mb-full-width-text-input > textarea {
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
/* --- HIGHLIGHTING CLASSES --- */
|
||||
.mb-highlight-test {
|
||||
color: #00bfbc;
|
||||
@@ -554,3 +706,12 @@ th.mb-html-table-button-cell {
|
||||
.meta-bind-small-width > * {
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
/* --- PUBLISH STUFF --- */
|
||||
|
||||
.published-container {
|
||||
.mb-input-type-toggle > div {
|
||||
display: inline-block;
|
||||
vertical-align: sub;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user