Kieran/snort
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

note adjustments

Browse Source
This commit is contained in:
Alejandro Gomez
2023-01-20 16:57:45 +01:00
parent c6e0c2b7c9
commit 6f1a4c0cd0
6 changed files with 36 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/Element/Note.css
View File

@ -1,19 +1,3 @@
.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;
}
@ -31,6 +15,7 @@
.note > .body {
margin-top: 12px;
padding-left: 56px;
text-overflow: ellipsis;
white-space: pre-wrap;
word-break: normal;
@ -38,6 +23,10 @@
overflow-y: visible;
}
.note > .footer {
padding-left: 46px;
}
.note > .header img:hover, .note > .header .name > .reply:hover, .note .body:hover {
cursor: pointer;
}
@ -130,6 +119,10 @@
color: var(--font-tertiary-color);
}
.note.active > .footer > .reaction-pill.reacted {
color: var(--highlight);
}
@media (prefers-color-scheme: light) {
.indented .active {
background-color: var(--gray-secondary);
@ -143,7 +136,4 @@
.note.active > .footer > .reaction-pill {
color: var(--font-secondary-color);
}
.note.active > .footer > .reaction-pill.reacted {
color: var(--highlight);
}
}