Kieran/snort
5
14
Fork 14
Code Issues 37 Pull Requests 1 Packages Projects Releases 24 Wiki Activity

add shadow to notes on light theme

Browse Source
This commit is contained in:
Alejandro Gomez 2023-01-20 12:02:03 +01:00
parent fd29dcd222
commit b7b19ea1dd
No known key found for this signature in database
GPG Key ID: 4DF39E566658C817
1 changed files with 21 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/Element/Note.css
View File

@ -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 {
border-bottom: none;
}
.note > .header .reply {
font-size: var(--font-size-tiny);
color: var(--font-secondary-color);
@ -86,11 +101,6 @@
font-feature-settings: "tnum";
}
.trash-icon {
color: var(--error);
margin-right: auto;
}
.reaction-pill .reaction-pill-number {
margin-left: 8px;
}
@ -103,6 +113,11 @@
cursor: pointer;
}
.trash-icon {
color: var(--error);
margin-right: auto;
}
.note.active > .header .reply {
color: var(--font-tertiary-color);
}