add shadow to notes on light theme
This commit is contained in:
parent
fd29dcd222
commit
b7b19ea1dd
@ -1,8 +1,23 @@
|
|||||||
|
.note {
|
||||||
|
margin-bottom: 12px;
|
||||||
|
border-radius: 16px;
|
||||||
|
background-color: var(--note-bg);
|
||||||
|
padding: 12px;
|
||||||
|
min-height: 110px;
|
||||||
|
}
|
||||||
|
@media (min-width: 720px) {
|
||||||
|
.note { margin-bottom: 24px; padding: 24px; }
|
||||||
|
}
|
||||||
|
@media (prefers-color-scheme: light) {
|
||||||
|
.note {
|
||||||
|
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.note.thread {
|
.note.thread {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.note > .header .reply {
|
.note > .header .reply {
|
||||||
font-size: var(--font-size-tiny);
|
font-size: var(--font-size-tiny);
|
||||||
color: var(--font-secondary-color);
|
color: var(--font-secondary-color);
|
||||||
@ -86,11 +101,6 @@
|
|||||||
font-feature-settings: "tnum";
|
font-feature-settings: "tnum";
|
||||||
}
|
}
|
||||||
|
|
||||||
.trash-icon {
|
|
||||||
color: var(--error);
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.reaction-pill .reaction-pill-number {
|
.reaction-pill .reaction-pill-number {
|
||||||
margin-left: 8px;
|
margin-left: 8px;
|
||||||
}
|
}
|
||||||
@ -103,6 +113,11 @@
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.trash-icon {
|
||||||
|
color: var(--error);
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
.note.active > .header .reply {
|
.note.active > .header .reply {
|
||||||
color: var(--font-tertiary-color);
|
color: var(--font-tertiary-color);
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user