alamion_obsidian-jira-sync/styles.css
Alamion 9248212425
small fixes
- feedback if field can't be processed from jira format to string properly
  - found an in-code style, carried it to styles.css
  - replaced plugin.app.vault.modify() with plugin.app.vault.process() for atomization
  - html to markdown for description
  - now frontmatter data on update has priority over file content one as it saves it's initial type.
  - several changes for logging work, now it's more intuitive.
2025-03-20 02:14:28 +03:00

93 lines
1.6 KiB
CSS

.jira-field-mappings {
margin-top: 10px;
}
.field-mappings-list {
margin: 10px 0;
}
.field-mapping-item {
display: grid;
grid-template-columns: 1fr 2fr 2fr auto;
gap: 8px;
margin-bottom: 8px;
padding: 8px;
border: 1px solid var(--background-modifier-border);
align-items: center;
}
.work-description-container textarea {
width: 100%;
}
.field-name-container {
background-color: var(--background-primary);
}
.field-mapping-label {
font-weight: 500;
}
.field-name-input, .to-jira-input, .from-jira-input {
width: 100%;
border: 1px solid var(--background-modifier-border);
}
.field-mapping-item .invalid,
.setting-item.invalid input {
background-color: rgba(var(--color-red-rgb), 0.2);
}
.remove-field-btn {
background-color: var(--background-modifier-error);
color: var(--text-on-accent);
cursor: pointer;
font-weight: bold;
}
.add-field-mapping-btn {
padding: 6px 12px;
background-color: var(--interactive-accent);
color: var(--text-on-accent);
border-radius: 4px;
cursor: pointer;
}
.mapping-examples {
margin-top: 20px;
padding: 10px;
border: 1px solid var(--background-modifier-border);
border-radius: 4px;
}
.mapping-examples ul {
padding-left: 20px;
}
.mapping-examples li {
margin-bottom: 10px;
}
.use-example-btn {
margin-left: 8px;
padding: 2px 6px;
background-color: var(--interactive-accent);
color: var(--text-on-accent);
border-radius: 4px;
cursor: pointer;
font-size: 0.8em;
}
.button-view {
justify-content: flex-start;
display: flex;
flex-direction: row;
width: 100%;
gap: 1vw;
}
.button-view button {
width: fit-content;
}