mirror of
https://github.com/fzumpe/foundry-usernotes.git
synced 2026-06-06 21:00:03 +02:00
163 lines
2.9 KiB
CSS
163 lines
2.9 KiB
CSS
.user-notes-appearance-settings,
|
|
.user-notes-backup-settings {
|
|
padding: 0.75rem;
|
|
}
|
|
|
|
.user-notes-appearance-settings .notes,
|
|
.user-notes-backup-settings .notes {
|
|
margin-top: 0;
|
|
margin-bottom: 0.75rem;
|
|
}
|
|
|
|
.user-notes-backup-settings .warning {
|
|
padding: 0.5rem;
|
|
border: 1px solid var(--color-border-highlight, #ff6400);
|
|
border-radius: 4px;
|
|
background: rgba(255, 100, 0, 0.12);
|
|
}
|
|
|
|
.user-notes-appearance-settings fieldset {
|
|
margin: 0 0 0.75rem 0;
|
|
padding: 0.75rem;
|
|
|
|
border: 1px solid var(--color-border-light-primary, #7a695a);
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.user-notes-appearance-settings legend {
|
|
padding: 0 0.35rem;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.user-notes-appearance-settings .form-group,
|
|
.user-notes-backup-settings .form-group {
|
|
align-items: center;
|
|
}
|
|
|
|
.user-notes-appearance-settings .form-fields,
|
|
.user-notes-backup-settings .form-fields {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5rem;
|
|
}
|
|
|
|
.user-notes-appearance-settings input[type="color"] {
|
|
width: 3.5rem;
|
|
min-width: 3.5rem;
|
|
height: 2rem;
|
|
|
|
padding: 0;
|
|
border: 1px solid var(--color-border-light-primary, #7a695a);
|
|
border-radius: 4px;
|
|
|
|
background: transparent;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.user-notes-appearance-settings input[type="text"] {
|
|
flex: 1 1 auto;
|
|
min-width: 0;
|
|
}
|
|
|
|
.user-notes-range-row {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5rem;
|
|
}
|
|
|
|
.user-notes-range-row input[type="range"] {
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
.user-notes-range-row output {
|
|
width: 3rem;
|
|
text-align: right;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/*
|
|
* Dialog footer:
|
|
* Row 1: Apply + Save side-by-side.
|
|
* Row 2: Reset colors full width.
|
|
*/
|
|
.user-notes-appearance-settings .sheet-footer,
|
|
.user-notes-appearance-footer {
|
|
margin-top: 0.75rem;
|
|
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
gap: 0.5rem;
|
|
}
|
|
|
|
.user-notes-primary-actions {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: stretch;
|
|
gap: 0.5rem;
|
|
|
|
width: 100%;
|
|
}
|
|
|
|
.user-notes-primary-actions button,
|
|
.user-notes-appearance-footer > .user-notes-reset-appearance {
|
|
height: 2rem;
|
|
min-height: 2rem;
|
|
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 0.35rem;
|
|
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.user-notes-primary-actions button {
|
|
flex: 1 1 0;
|
|
}
|
|
|
|
.user-notes-appearance-footer > .user-notes-reset-appearance {
|
|
flex: 0 0 auto;
|
|
width: 100%;
|
|
}
|
|
|
|
.user-notes-backup-footer {
|
|
margin-top: 0.75rem;
|
|
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5rem;
|
|
}
|
|
|
|
.user-notes-backup-footer button {
|
|
flex: 1 1 auto;
|
|
height: 2rem;
|
|
min-height: 2rem;
|
|
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 0.35rem;
|
|
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.user-notes-checkbox-row {
|
|
display: grid;
|
|
grid-template-columns: 1fr 2rem;
|
|
align-items: center;
|
|
column-gap: 0.75rem;
|
|
|
|
margin: 0 0 0.45rem 0;
|
|
}
|
|
|
|
.user-notes-checkbox-row label {
|
|
margin: 0;
|
|
line-height: 1.3;
|
|
}
|
|
|
|
.user-notes-checkbox-row input[type="checkbox"] {
|
|
justify-self: center;
|
|
margin: 0;
|
|
}
|