[CSS] Note attachments fixes, fancy note-complementary accents.

This commit is contained in:
Eliseu Amaro 2021-11-17 17:28:46 +00:00
parent 0aa43783e8
commit d254147988
Signed by: eliseuamaro
GPG Key ID: 96DA09D4B97BC2D5
2 changed files with 14 additions and 2 deletions

View File

@ -188,7 +188,7 @@ li {
--shadow: 0 0 12px 0 #01010166;
--shadow-inset-accent: inset 0 0 0 2px var(--accent);
--background-checkerboard: repeating-conic-gradient(#ffffff66 0 90deg,#ffffff33 0 180deg) 0 0/40px 40px round;
--gradient: linear-gradient(10deg,var(--border) 0,transparent 100%) !important;
--gradient: linear-gradient(10deg,var(--border) 0,transparent 90%) !important;
--gradient-backwards: linear-gradient(290deg,var(--border) 0,var(--background-card) 100%) !important;
}

View File

@ -124,7 +124,10 @@
.h-entry figure {
margin: unset;
-o-object-fit: cover;
object-fit: cover
object-fit: cover;
padding: var(--smaller);
background: var(--gradient);
border-radius: var(--smaller);
}
.h-entry .replies .h-entry {
@ -276,12 +279,18 @@ embed header {
border-radius: 0 0 var(--smaller) var(--smaller);
padding-top: var(--default);
padding-bottom: var(--default);
padding-right: var(--default);
}
.note-text {
margin-bottom: var(--smaller)
}
.note-attachments {
display: flex;
justify-items: flex-start;
}
.note-attachments-unit {
display: -webkit-box;
display: -webkit-flex;
@ -320,10 +329,13 @@ embed header {
.note-complementary {
border-left: 2px solid var(--accent);
border-end-start-radius: var(--smaller);
border-end-end-radius: var(--smaller);
padding-left: var(--smaller);
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: var(--smaller);
margin-right: var(--smaller);
background: var(--gradient) !important;
}