mirror of
https://github.com/rodolfo-terriquez/workflowy-sync.git
synced 2026-07-22 14:40:28 +00:00
151 lines
2.9 KiB
CSS
151 lines
2.9 KiB
CSS
.workflowy-sync-block {
|
|
border: 1px solid var(--background-modifier-border);
|
|
border-radius: 12px;
|
|
padding: 0.9rem;
|
|
background: var(--background-secondary);
|
|
}
|
|
|
|
.workflowy-sync-block-header {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.75rem;
|
|
justify-content: space-between;
|
|
margin-bottom: 0.9rem;
|
|
}
|
|
|
|
.workflowy-sync-block-title {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.workflowy-sync-block-status {
|
|
margin-left: auto;
|
|
font-size: 0.8rem;
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.workflowy-sync-refresh-button,
|
|
.workflowy-sync-target-chip,
|
|
.workflowy-sync-secondary-button {
|
|
border: 1px solid var(--background-modifier-border);
|
|
border-radius: 999px;
|
|
background: var(--background-primary);
|
|
color: var(--text-normal);
|
|
padding: 0.35rem 0.7rem;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.workflowy-sync-target-list {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.5rem;
|
|
margin: 0.75rem 0 1rem;
|
|
}
|
|
|
|
.workflowy-sync-target-suggestion {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.35rem;
|
|
}
|
|
|
|
.workflowy-sync-target-suggestion-row {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 0.75rem;
|
|
}
|
|
|
|
.workflowy-sync-target-suggestion-title {
|
|
font-weight: 600;
|
|
}
|
|
|
|
.workflowy-sync-target-suggestion-subtitle {
|
|
font-size: 0.85rem;
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.workflowy-sync-target-suggestion-badge {
|
|
font-size: 0.75rem;
|
|
color: var(--text-muted);
|
|
border: 1px solid var(--background-modifier-border);
|
|
border-radius: 999px;
|
|
padding: 0.1rem 0.5rem;
|
|
}
|
|
|
|
.workflowy-sync-modal-heading {
|
|
margin: 1rem 0 0.5rem;
|
|
}
|
|
|
|
.workflowy-sync-modal-actions {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
gap: 0.75rem;
|
|
margin-top: 1.25rem;
|
|
}
|
|
|
|
.workflowy-sync-tree {
|
|
margin: 0;
|
|
padding-left: 1.25rem;
|
|
}
|
|
|
|
.workflowy-sync-tree-item {
|
|
margin: 0.35rem 0;
|
|
}
|
|
|
|
.workflowy-sync-tree-item.is-completed .workflowy-sync-tree-content {
|
|
opacity: 0.75;
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.workflowy-sync-tree-row {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
gap: 0.5rem;
|
|
}
|
|
|
|
.workflowy-sync-checkbox {
|
|
margin-top: 0.35rem;
|
|
}
|
|
|
|
.workflowy-sync-tree-content,
|
|
.workflowy-sync-tree-note {
|
|
min-width: 0;
|
|
}
|
|
|
|
.workflowy-sync-tree-content > :first-child,
|
|
.workflowy-sync-tree-note > :first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.workflowy-sync-tree-content > :last-child,
|
|
.workflowy-sync-tree-note > :last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.workflowy-sync-tree-note {
|
|
margin: 0.35rem 0 0.5rem 1.7rem;
|
|
padding-left: 0.85rem;
|
|
border-left: 2px solid var(--background-modifier-border);
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.workflowy-sync-error,
|
|
.workflowy-sync-empty-state,
|
|
.workflowy-sync-settings-note,
|
|
.workflowy-sync-settings-intro {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.workflowy-sync-tree-item.is-layout-h1 .workflowy-sync-tree-content {
|
|
font-size: 1.25rem;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.workflowy-sync-tree-item.is-layout-h2 .workflowy-sync-tree-content {
|
|
font-size: 1.1rem;
|
|
font-weight: 700;
|
|
}
|
|
|
|
.workflowy-sync-tree-item.is-layout-h3 .workflowy-sync-tree-content {
|
|
font-size: 1rem;
|
|
font-weight: 700;
|
|
}
|