mirror of
https://github.com/alberti42/obsidian-plugins-annotations.git
synced 2026-07-22 05:11:57 +00:00
144 lines
No EOL
2.8 KiB
CSS
144 lines
No EOL
2.8 KiB
CSS
/* styles.css */
|
|
|
|
/* Make sure the input field takes the full width of its parent */
|
|
.plugin-comment {
|
|
margin-top: var(--size-4-1);
|
|
width: 100%;
|
|
box-sizing: border-box; /* Ensure padding is included in the element's total width and height */
|
|
}
|
|
|
|
.plugin-comment.plugin-comment-hidden,
|
|
.plugin-comment.plugin-comment-placeholder {
|
|
display: none;
|
|
}
|
|
|
|
.plugin-comment-annotation:focus:empty:before {
|
|
content: "\00a0"; /* Non-breaking space to maintain height when focused */
|
|
}
|
|
|
|
.plugin-comment-annotation.plugin-comment-placeholder {
|
|
color: #CCCCCC; /* Standard placeholder color */
|
|
}
|
|
|
|
.plugin-comment-annotation > p:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.plugin-comment-annotation > p:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* Mobile specific styles */
|
|
.is-mobile .plugin-comment-annotation::after {
|
|
content: "" !important;
|
|
}
|
|
|
|
.plugin-comment-annotation {
|
|
width: 100%;
|
|
}
|
|
|
|
.plugin-comment-annotation-editable {
|
|
cursor: text;
|
|
}
|
|
|
|
/* Show comment container when hovering over the plugin container */
|
|
.setting-item:hover .plugin-comment.plugin-comment-placeholder {
|
|
display: block;
|
|
}
|
|
|
|
/* Setting pane */
|
|
.plugin-comment-settings code {
|
|
padding: 0;
|
|
}
|
|
|
|
.plugin-comment-instructions {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
div.plugin-comment-instructions em {
|
|
font-weight: 500;
|
|
}
|
|
|
|
div.plugin-comment-instructions strong {
|
|
font-weight: 500;
|
|
}
|
|
|
|
.plugin-comment-instructions > p:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.plugin-comment-instructions > p:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.plugin-comment-backup-table,
|
|
.plugin-comment-uninstalled {
|
|
margin-left:var(--size-4-10);
|
|
}
|
|
|
|
|
|
.is-mobile .plugin-comment-backup-table,
|
|
.is-mobile .plugin-comment-uninstalled {
|
|
margin-left:0;
|
|
}
|
|
|
|
.plugin-comment-backup-table {
|
|
display: table;
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.plugin-comment-backup-table-row {
|
|
display: table-row;
|
|
}
|
|
|
|
.plugin-comment-backup-table-cell {
|
|
display: table-cell;
|
|
padding: var(--size-4-2) 0 var(--size-4-2) 0;
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.plugin-comment-backup-table-row.header .plugin-comment-backup-table-cell {
|
|
font-weight: var(--font-semibold);
|
|
}
|
|
|
|
.plugin-comment-backup-name {
|
|
cursor: text;
|
|
}
|
|
|
|
.plugin-comment-export-buttons {
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
align-items: normal;
|
|
}
|
|
|
|
.plugin-comment-backup-buttons {
|
|
display: flex;
|
|
gap: var(--size-4-2);
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
|
|
.is-mobile .plugin-comment-backup-buttons {
|
|
flex-direction: column;
|
|
}
|
|
|
|
.plugin-comment-selectable {
|
|
user-select: text;
|
|
}
|
|
|
|
.plugin-comment-icon-container {
|
|
display: flex;
|
|
gap: 0px;
|
|
justify-content: center;
|
|
margin-top: var(--size-4-2);
|
|
margin-bottom: var(--size-4-1);
|
|
font-size: 16px;
|
|
}
|
|
|
|
.plugin-comment-icon-container div {
|
|
position: relative;
|
|
bottom: 2px;
|
|
} |