sekretaerbaer/friendica_template_sekretaerbaer
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

* Fixed Accept Contact button [Issue #19]

Browse source 
* Fixed misaligned close button [Issue #20]
* Cleanup of Compose mobile drop-down menu and button.
This commit is contained in:
oldkid 2025-03-06 13:02:02 +01:00
parent 1d638dde42
commit f5e3603b41
4 changed files with 260 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
README.md
View file

@ -1,6 +1,6 @@
BOOKFACE FOR FRIENDICA BOOKFACE FOR FRIENDICA
====================== ======================
Version 1.5.5 Version 1.5.8
**Description:** A Friendica Theme Template/Scheme for the "Frio" theme that gives it a modern makeover. **Description:** A Friendica Theme Template/Scheme for the "Frio" theme that gives it a modern makeover.
@ -266,6 +266,9 @@ I figured out how the "Frio" theme worked by looking at the code. I may not be 1
* Made Post and Comment background colors configurable with CSS variables. * Made Post and Comment background colors configurable with CSS variables.
* Fixed Post-in-Groups/Mention button alignment [Issue #16] * Fixed Post-in-Groups/Mention button alignment [Issue #16]
* Fixed double underline on Compose active tab [Issue #17] * Fixed double underline on Compose active tab [Issue #17]
* Fixed Accept Contact button [Issue #19]
* Fixed misaligned close button [Issue #20]
* Cleanup of Compose mobile drop-down menu and button.
1.5 (27 Feb 2025) 1.5 (27 Feb 2025)
* fixed browser "Share to.." button display and sizing [Issue #3] * fixed browser "Share to.." button display and sizing [Issue #3]

138
bookface_auto.css
View file

@ -1,6 +1,6 @@
/* /*
Name : Bookface Auto Color Mode Name : Bookface Auto Color Mode
Version : 1.5.5 Version : 1.5.8
Licence : AGPL Licence : AGPL
Created on : 27 Feb 2025 Created on : 27 Feb 2025
Author : Pygoscelis Papua @randompenguin@friendica.world feb @feb@loma.ml Phil @phil@loma.ml Author : Pygoscelis Papua @randompenguin@friendica.world feb @feb@loma.ml Phil @phil@loma.ml
@ -879,6 +879,10 @@
.close:focus { .close:focus {
box-shadow: inset rgba(0,0,0,.2) !important; box-shadow: inset rgba(0,0,0,.2) !important;
} }
#profile-photo-upload-close {
text-align: center;
padding-top: 10px;
}
.modal-content, .modal-content,
#jot-modal-content, #jot-modal-content,
.wall-item-comment-wrapper { .wall-item-comment-wrapper {
@ -1667,6 +1671,30 @@ a.tag.label,
position: relative; position: relative;
top: 5px; top: 5px;
} }
/* Contact Notification Action Buttons */
.intro-wrapper button.intro-action-link {
height: 50px;
width: 50px;
color: limegreen;
border: 2px solid limegreen;
border-radius: 100% !important;
}
.intro-wrapper button.intro-action-link:hover {
background-color: limegreen;
color: white;
}
.intro-form {
margin-left: 8px;
}
.intro-form button.intro-submit-ignore,
.intro-form button.intro-submit-ignore:hover,
.intro-form button.intgro-submi-ignore:focus,
.intro-form button.intro-submit-discard,
.intro-form button.intro-submit-discard:hover,
.intro-form button.intro-submit-discard:focus {
color: white;
border: none;
}
/* Greater than Full-HD Width /* Greater than Full-HD Width
=========================== ===========================
*/ */
@ -1692,12 +1720,17 @@ a.tag.label,
} }
} }
/* Frio breakpoints for smaller profile pic */ /* Frio breakpoints for smaller profile pic */
@media screen and (min-width:991px) and (max-width:1199px){ @media screen and (min-width:991px) and (max-width:1199px){
.contact-block-img { .contact-block-img {
height: 75px !important; height: 75px !important;
width: 75px !important; width: 75px !important;
}
} }
/* Contact Notification Action Buttons */
.intro-actions {
position: relative;
float: none !important;
}
}
/* Large Tablets in Portrait Orientation /* Large Tablets in Portrait Orientation
===================================== =====================================
*/ */
@ -2192,6 +2225,26 @@ a.tag.label,
.fa-pencil-square-o::before { .fa-pencil-square-o::before {
content: "\f040"; content: "\f040";
} }
.dropdown-mobile-jot > .dropdown-toggle.btn-primary {
background-color: transparent;
color: var(--link-color);
border-radius: 8px;
}
.dropdown-mobile-jot > .dropdown-toggle.btn-primary:hover,
.dropdown-mobile-jot > .dropdown-toggle.btn-primary:focus {
background-color: rgba(0,0,0,.1);
}
.dropdown-mobile-jot.open > .dropdown-toggle.btn-primary {
background-color: var(--link-color);
color: white;
border-radius: 8px;
}
.dropdown-mobile-jot .dropdown-menu li {
margin: 3px auto;
}
.dropdown-mobile-jot .dropdown-menu .btn-link {
min-width: 90%;
}
/* drop-down mobile style*/ /* drop-down mobile style*/
#topbar-second .dropdown-menu { #topbar-second .dropdown-menu {
position: fixed; position: fixed;
@ -2266,6 +2319,11 @@ a.tag.label,
.justified-gallery > figure{ .justified-gallery > figure{
height: 25vw !important; height: 25vw !important;
width: 25vw !important; width: 25vw !important;
}
/* Contact Notification Action Buttons */
.intro-actions {
position: relative;
float: none !important;
} }
} }
/* Frio Theme Cut-Off (double sidebar width) /* Frio Theme Cut-Off (double sidebar width)
@ -3505,6 +3563,10 @@ p.wall-item-announce,
.close:focus { .close:focus {
box-shadow: inset rgba(255,255,255,.2) !important; box-shadow: inset rgba(255,255,255,.2) !important;
} }
#profile-photo-upload-close {
text-align: center;
padding-top: 10px;
}
.modal-content, .modal-content,
#jot-modal-content, #jot-modal-content,
.wall-item-comment-wrapper { .wall-item-comment-wrapper {
@ -4310,6 +4372,30 @@ a.tag.label,
position: relative; position: relative;
top: 5px; top: 5px;
} }
/* Contact Notification Action Buttons */
.intro-wrapper button.intro-action-link {
height: 50px;
width: 50px;
color: limegreen;
border: 2px solid limegreen;
border-radius: 100% !important;
}
.intro-wrapper button.intro-action-link:hover {
background-color: limegreen;
color: white;
}
.intro-form {
margin-left: 8px;
}
.intro-form button.intro-submit-ignore,
.intro-form button.intro-submit-ignore:hover,
.intro-form button.intgro-submi-ignore:focus,
.intro-form button.intro-submit-discard,
.intro-form button.intro-submit-discard:hover,
.intro-form button.intro-submit-discard:focus {
color: white;
border: none;
}
/* Greater than Full-HD Width /* Greater than Full-HD Width
=========================== ===========================
*/ */
@ -4335,12 +4421,17 @@ a.tag.label,
} }
} }
/* Frio breakpoints for smaller profile pic */ /* Frio breakpoints for smaller profile pic */
@media screen and (min-width:991px) and (max-width:1199px){ @media screen and (min-width:991px) and (max-width:1199px){
.contact-block-img { .contact-block-img {
height: 75px !important; height: 75px !important;
width: 75px !important; width: 75px !important;
}
} }
/* Contact Notification Action Buttons */
.intro-actions {
position: relative;
float: none !important;
}
}
/* Large Tablets in Portrait Orientation /* Large Tablets in Portrait Orientation
===================================== =====================================
*/ */
@ -4838,6 +4929,26 @@ a.tag.label,
.fa-pencil-square-o::before { .fa-pencil-square-o::before {
content: "\f040"; content: "\f040";
} }
.dropdown-mobile-jot > .dropdown-toggle.btn-primary {
background-color: transparent;
color: var(--link-color);
border-radius: 8px;
}
.dropdown-mobile-jot > .dropdown-toggle.btn-primary:hover,
.dropdown-mobile-jot > .dropdown-toggle.btn-primary:focus {
background-color: rgba(255,255,255,.1);
}
.dropdown-mobile-jot.open > .dropdown-toggle.btn-primary {
background-color: var(--link-color);
color: white;
border-radius: 8px;
}
.dropdown-mobile-jot .dropdown-menu li {
margin: 3px auto;
}
.dropdown-mobile-jot .dropdown-menu .btn-link {
min-width: 90%;
}
/* drop-down mobile style*/ /* drop-down mobile style*/
#topbar-second .dropdown-menu { #topbar-second .dropdown-menu {
position: fixed; position: fixed;
@ -4912,6 +5023,11 @@ a.tag.label,
.justified-gallery > figure{ .justified-gallery > figure{
height: 25vw !important; height: 25vw !important;
width: 25vw !important; width: 25vw !important;
}
/* Contact Notification Action Buttons */
.intro-actions {
position: relative;
float: none !important;
} }
} }
/* Frio Theme Cut-Off (double sidebar width) /* Frio Theme Cut-Off (double sidebar width)

72
bookface_dark.css
View file

@ -1,6 +1,6 @@
/* /*
Name : Bookface Dark Name : Bookface Dark
Version : 1.5.5 Version : 1.5.8
Licence : AGPL Licence : AGPL
Created on : 27 Feb 2025 Created on : 27 Feb 2025
Author : Pygoscelis Papua @randompenguin@friendica.world feb @feb@loma.ml Phil @phil@loma.ml Author : Pygoscelis Papua @randompenguin@friendica.world feb @feb@loma.ml Phil @phil@loma.ml
@ -878,6 +878,10 @@ aside .widget,
.close:focus { .close:focus {
box-shadow: inset rgba(255,255,255,.2) !important; box-shadow: inset rgba(255,255,255,.2) !important;
} }
#profile-photo-upload-close {
text-align: center;
padding-top: 10px;
}
.modal-content, .modal-content,
#jot-modal-content, #jot-modal-content,
.wall-item-comment-wrapper { .wall-item-comment-wrapper {
@ -1663,6 +1667,30 @@ a.tag.label,
position: relative; position: relative;
top: 5px; top: 5px;
} }
/* Contact Notification Action Buttons */
.intro-wrapper button.intro-action-link {
height: 50px;
width: 50px;
color: limegreen;
border: 2px solid limegreen;
border-radius: 100% !important;
}
.intro-wrapper button.intro-action-link:hover {
background-color: limegreen;
color: white;
}
.intro-form {
margin-left: 8px;
}
.intro-form button.intro-submit-ignore,
.intro-form button.intro-submit-ignore:hover,
.intro-form button.intgro-submi-ignore:focus,
.intro-form button.intro-submit-discard,
.intro-form button.intro-submit-discard:hover,
.intro-form button.intro-submit-discard:focus {
color: white;
border: none;
}
/* Greater than Full-HD Width /* Greater than Full-HD Width
=========================== ===========================
*/ */
@ -1688,12 +1716,17 @@ a.tag.label,
} }
} }
/* Frio breakpoints for smaller profile pic */ /* Frio breakpoints for smaller profile pic */
@media screen and (min-width:991px) and (max-width:1199px){ @media screen and (min-width:991px) and (max-width:1199px){
.contact-block-img { .contact-block-img {
height: 75px !important; height: 75px !important;
width: 75px !important; width: 75px !important;
}
} }
/* Contact Notification Action Buttons */
.intro-actions {
position: relative;
float: none !important;
}
}
/* Large Tablets in Portrait Orientation /* Large Tablets in Portrait Orientation
===================================== =====================================
*/ */
@ -2188,6 +2221,26 @@ a.tag.label,
.fa-pencil-square-o::before { .fa-pencil-square-o::before {
content: "\f040"; content: "\f040";
} }
.dropdown-mobile-jot > .dropdown-toggle.btn-primary {
background-color: transparent;
color: var(--link-color);
border-radius: 8px;
}
.dropdown-mobile-jot > .dropdown-toggle.btn-primary:hover,
.dropdown-mobile-jot > .dropdown-toggle.btn-primary:focus {
background-color: rgba(255,255,255,.1);
}
.dropdown-mobile-jot.open > .dropdown-toggle.btn-primary {
background-color: var(--link-color);
color: white;
border-radius: 8px;
}
.dropdown-mobile-jot .dropdown-menu li {
margin: 3px auto;
}
.dropdown-mobile-jot .dropdown-menu .btn-link {
min-width: 90%;
}
/* drop-down mobile style*/ /* drop-down mobile style*/
#topbar-second .dropdown-menu { #topbar-second .dropdown-menu {
position: fixed; position: fixed;
@ -2262,7 +2315,12 @@ a.tag.label,
.justified-gallery > figure{ .justified-gallery > figure{
height: 25vw !important; height: 25vw !important;
width: 25vw !important; width: 25vw !important;
} }
/* Contact Notification Action Buttons */
.intro-actions {
position: relative;
float: none !important;
}
} }
/* Frio Theme Cut-Off (double sidebar width) /* Frio Theme Cut-Off (double sidebar width)
========================================= =========================================

70
bookface_light.css
View file

@ -1,6 +1,6 @@
/* /*
Name : Bookface Light Name : Bookface Light
Version : 1.5.5 Version : 1.5.8
Licence : AGPL Licence : AGPL
Created on : 27 Feb 2025 Created on : 27 Feb 2025
Author : Pygoscelis Papua @randompenguin@friendica.world feb @feb@loma.ml Phil @phil@loma.ml Author : Pygoscelis Papua @randompenguin@friendica.world feb @feb@loma.ml Phil @phil@loma.ml
@ -878,6 +878,10 @@ ul.nav-tabs {
.close:focus { .close:focus {
box-shadow: inset rgba(0,0,0,.2) !important; box-shadow: inset rgba(0,0,0,.2) !important;
} }
#profile-photo-upload-close {
text-align: center;
padding-top: 10px;
}
.modal-content, .modal-content,
#jot-modal-content, #jot-modal-content,
.wall-item-comment-wrapper { .wall-item-comment-wrapper {
@ -1663,6 +1667,30 @@ a.tag.label,
position: relative; position: relative;
top: 5px; top: 5px;
} }
/* Contact Notification Action Buttons */
.intro-wrapper button.intro-action-link {
height: 50px;
width: 50px;
color: limegreen;
border: 2px solid limegreen;
border-radius: 100% !important;
}
.intro-wrapper button.intro-action-link:hover {
background-color: limegreen;
color: white;
}
.intro-form {
margin-left: 8px;
}
.intro-form button.intro-submit-ignore,
.intro-form button.intro-submit-ignore:hover,
.intro-form button.intgro-submi-ignore:focus,
.intro-form button.intro-submit-discard,
.intro-form button.intro-submit-discard:hover,
.intro-form button.intro-submit-discard:focus {
color: white;
border: none;
}
/* Greater than Full-HD Width /* Greater than Full-HD Width
=========================== ===========================
*/ */
@ -1688,12 +1716,17 @@ a.tag.label,
} }
} }
/* Frio breakpoints for smaller profile pic */ /* Frio breakpoints for smaller profile pic */
@media screen and (min-width:991px) and (max-width:1199px){ @media screen and (min-width:991px) and (max-width:1199px){
.contact-block-img { .contact-block-img {
height: 75px !important; height: 75px !important;
width: 75px !important; width: 75px !important;
}
} }
/* Contact Notification Action Buttons */
.intro-actions {
position: relative;
float: none !important;
}
}
/* Large Tablets in Portrait Orientation /* Large Tablets in Portrait Orientation
===================================== =====================================
*/ */
@ -2188,6 +2221,26 @@ a.tag.label,
.fa-pencil-square-o::before { .fa-pencil-square-o::before {
content: "\f040"; content: "\f040";
} }
.dropdown-mobile-jot > .dropdown-toggle.btn-primary {
background-color: transparent;
color: var(--link-color);
border-radius: 8px;
}
.dropdown-mobile-jot > .dropdown-toggle.btn-primary:hover,
.dropdown-mobile-jot > .dropdown-toggle.btn-primary:focus {
background-color: rgba(0,0,0,.1);
}
.dropdown-mobile-jot.open > .dropdown-toggle.btn-primary {
background-color: var(--link-color);
color: white;
border-radius: 8px;
}
.dropdown-mobile-jot .dropdown-menu li {
margin: 3px auto;
}
.dropdown-mobile-jot .dropdown-menu .btn-link {
min-width: 90%;
}
/* drop-down mobile style*/ /* drop-down mobile style*/
#topbar-second .dropdown-menu { #topbar-second .dropdown-menu {
position: fixed; position: fixed;
@ -2263,6 +2316,11 @@ a.tag.label,
height: 25vw !important; height: 25vw !important;
width: 25vw !important; width: 25vw !important;
} }
/* Contact Notification Action Buttons */
.intro-actions {
position: relative;
float: none !important;
}
} }
/* Frio Theme Cut-Off (double sidebar width) /* Frio Theme Cut-Off (double sidebar width)
========================================= =========================================