Sekretaerbaer-Netz/bookface-sekretaerbaer
1
0
Fork 0
forked from Friendica/bookface
Code Pull requests Activity

Fixed Category & Folder tag-buttons [Issue #4]

Browse source
This commit is contained in:
Random Penguin 2025-02-16 00:35:10 +00:00
parent d08128d4cf
commit 2e24ce34fe
1 changed files with 75 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

80
bookface_dark.css
View file

@ -1398,17 +1398,19 @@ a.tag.label,
.wall-item-bottom .wall-item-tags .category.label.btn-success { .wall-item-bottom .wall-item-tags .category.label.btn-success {
border-color: limegreen !important; border-color: limegreen !important;
color: limegreen !important; color: limegreen !important;
font-size: 0px !important; /* to get rid of parentheses */ font-size: 12px;
} }
/* replace (x) remove with icon button */ /* replace (x) remove with icon button */
.wall-item-bottom .wall-item-tags .category.label.btn-success a:first-of-type { .wall-item-bottom .wall-item-tags .category.label.btn-success a:first-of-type {
font-size: 12px; margin-right: 4px;
}
.wall-item-bottom .wall-item-tags .category.label.btn-success a:last-of-type {
font-size: 0px;
} }
.wall-item-bottom .wall-item-tags .category.label.btn-success a:last-of-type::after { .wall-item-bottom .wall-item-tags .category.label.btn-success a:last-of-type::after {
content: '\f00d'; content: '\f00d';
font-family: ForkAwesome; font-family: ForkAwesome;
font-size: 12px; font-size: 12px;
margin-left: 4px;
} }
.wall-item-bottom .wall-item-tags .category.label.btn-success:hover, .wall-item-bottom .wall-item-tags .category.label.btn-success:hover,
.wall-item-bottom .wall-item-tags .category.label.btn-success:focus { .wall-item-bottom .wall-item-tags .category.label.btn-success:focus {
@ -1419,20 +1421,88 @@ a.tag.label,
.wall-item-bottom .wall-item-tags .category.label:not(.btn-success){ .wall-item-bottom .wall-item-tags .category.label:not(.btn-success){
border-color: #ccc !important; border-color: #ccc !important;
color: #ccc !important; color: #ccc !important;
font-size: 0px !important;
} }
.wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a:first-of-type{ .wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a:first-of-type{
font-size: 12px; font-size: 12px;
text-decoration: line-through; text-decoration: line-through;
margin-right: 4px;
}
.wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a:last-of-type {
font-size: 0px;
} }
.wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a:last-of-type::after { .wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a:last-of-type::after {
content: ''; content: '\f00d';
font-family: ForkAwesome;
font-size: 12px;
text-decoration: line-through;
} }
.wall-item-bottom .wall-item-tags .category.label:not(.btn-success):hover, .wall-item-bottom .wall-item-tags .category.label:not(.btn-success):hover,
.wall-item-bottom .wall-item-tags .category.label:not(.btn-success):focus { .wall-item-bottom .wall-item-tags .category.label:not(.btn-success):focus {
background-color: red !important; background-color: red !important;
color: #ccc !important; color: #ccc !important;
} }
/* overrides for Saved File page where buttons structure is different */
body.mod-filed .wall-item-bottom .wall-item-tags .category.label.btn-success {
font-size: 12px !important;
}
body.mod-filed .wall-item-bottom .wall-item-tags .category.label.btn-success a {
font-size: 0px !important;
margin: 0px;
}
body.mod-filed .wall-item-bottom .wall-item-tags .category.label.btn-success a::after {
margin-left: 0px;
}
body.mod-filed .wall-item-bottom .wall-item-tags .category.label:not(.btn-success){
font-size: 12px !important;
text-decoration: line-through !important;
}
body.mod-filed .wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a {
font-size: 0px !important;
}
body.mod-filed .wall-item-bottom .wall-item-tags .category.label:not(.btn-success) a::after {
content: '\f00d';
font-family: ForkAwesome;
font-size: 12px;
text-decoration: line-through;
}
/* Folder Buttons */
.wall-item-bottom .wall-item-tags .folder.label.btn-danger {
border-color: hotpink !important;
color: hotpink !important;
}
/* replace (x) remove with icon button */
.wall-item-bottom .wall-item-tags .folder.label.btn-danger a:first-of-type{
font-size: 0px;
}
.wall-item-bottom .wall-item-tags .folder.label.btn-danger a:last-of-type::after {
content: '\f00d';
font-family: ForkAwesome;
font-size: 12px;
}
.wall-item-bottom .wall-item-tags .folder.label.btn-danger:hover,
.wall-item-bottom .wall-item-tags .folder.label.btn-danger:focus {
background-color: hotpink !important;
color: black !important;
}
/* when a category is removed need to visually indicate it */
.wall-item-bottom .wall-item-tags .folder.label:not(.btn-danger){
border-color: #ccc !important;
color: #ccc !important;
text-decoration: line-through !important;
}
.wall-item-bottom .wall-item-tags .folder.label:not(.btn-danger) a:first-of-type{
font-size: 0px;
}
.wall-item-bottom .wall-item-tags .folder.label:not(.btn-danger) a:last-of-type::after {
content: '\f00d';
font-family: ForkAwesome;
font-size: 12px;
}
.wall-item-bottom .wall-item-tags .folder.label:not(.btn-danger):hover,
.wall-item-bottom .wall-item-tags .folder.label:not(.btn-danger):focus{
background-color: black !important;
color: white !important;
}
/* @ Mention Buttons */ /* @ Mention Buttons */
.wall-item-bottom .wall-item-tags .mention.label.btn-warning { .wall-item-bottom .wall-item-tags .mention.label.btn-warning {
border-color: gold !important; border-color: gold !important;