eliseuamaro/gnu-social
1
0
Fork 0
forked from GNUsocial/gnu-social
Code Issues Pull Requests Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/assets/default_theme/css/base.css
View File

@ -188,7 +188,7 @@ li {
--shadow: 0 0 12px 0 #01010166; --shadow: 0 0 12px 0 #01010166;
--shadow-inset-accent: inset 0 0 0 2px var(--accent); --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; --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; --gradient-backwards: linear-gradient(290deg,var(--border) 0,var(--background-card) 100%) !important;
} }

14
public/assets/default_theme/css/pages/feeds.css
View File

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