[CSS] Note attachments fixes, fancy note-complementary accents.
This commit is contained in:
parent
0aa43783e8
commit
d254147988
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue
Block a user