prncc_obsidian-repeat-plugin/styles.css
Andre Perunicic decb674ddd Limit the width of the note being reviewed
This addresses #4 by always making the note narrow. It would be better
to only apply this style if Editor > Readable line length is toggled on,
if it's posible to inspect user settings.
2022-11-02 00:03:11 -04:00

60 lines
1.2 KiB
CSS

.repeat-message {
text-align: center;
margin-top: 24px;
}
.repeat-buttons {
text-align: center;
margin-bottom: 24px;
}
.repeat-buttons > button {
margin-top: 16px;
margin-left: 16px;
}
/* Make buttons legible on mobile. */
@media (max-width: 450px) {
.repeat-buttons > button {
width: 100%;
margin-left: 0;
}
}
.repeat-embedded_note {
padding: 15px 30px;
max-width: var(--file-line-width);
margin-left: auto;
margin-right: auto;
}
.repeat-markdown_embed_title {
text-overflow: inherit;
white-space: normal;
}
.repeat-setup_modal {
margin-top: 24px;
}
/* Transferred from Obsidian's input[] styles. */
.repeat-date_picker {
background: var(--background-modifier-form-field);
border: 1px solid var(--background-modifier-border);
color: var(--text-normal);
font-family: inherit;
padding: 5px 14px;
font-size: 16px;
border-radius: 4px;
outline: none;
height: 39px; /* Deduced experimentally. */
}
.repeat-date_picker:hover {
background-color: var(--background-modifier-form-field-highlighted);
}
.repeat-date_picker:focus {
border-color: var(--interactive-accent);
}
.repeat-date_picker:::placeholder {
color: var(--text-faint);
}