Friendica/bookface
1
0
Fork 1
mirror of https://gitlab.com/randompenguin/bookface.git synced 2025-06-07 11:04:27 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

all updates for v1.2

Browse source
This commit is contained in:
Random Penguin 2025-01-26 23:10:45 +00:00
parent 8a861e7618
commit 2a4076469a
1 changed files with 133 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

166
bookface_dark.css
View file

@ -2,7 +2,7 @@
Name : Bookface Dark Name : Bookface Dark
Version : 1.2 Version : 1.2
Licence : AGPL Licence : AGPL
Created on : 19.01.2025 Created on : 26.01.2025
Author : Kristi H. @kmh@friendica.world feb @feb@loma.ml Author : Kristi H. @kmh@friendica.world feb @feb@loma.ml
*/ */
@ -17,7 +17,7 @@
--font-color-darker: $font_color_darker; --font-color-darker: $font_color_darker;
--background-image: $background_image; --background-image: $background_image;
--menu-background-hover-color: $menu_background_hover_color; --menu-background-hover-color: $menu_background_hover_color;
--border-color: $border_color; --border-color: #333333;
} }
body { body {
@ -280,7 +280,8 @@ box-sizing: border-box;
} }
/* Make Submit Buttons Pretty */ /* Make Submit Buttons Pretty */
.settings-submit, .settings-submit,
button[type="submit"]{ button[type="submit"],
#photos-upload-submit {
background-color: var(--link-color) !important; background-color: var(--link-color) !important;
color: white !important; color: white !important;
border-radius: 8px !important; border-radius: 8px !important;
@ -295,8 +296,10 @@ box-sizing: border-box;
.settings-submit:hover, .settings-submit:hover,
.settings-submit:focus, .settings-submit:focus,
button[type="submit"]:hover, button[type="submit"]:hover,
button[type="submit"]:focus{ button[type="submit"]:focus,
box-shadow: inset 0 0 100px rgba(255,255,255,.1) !important; #photos-upload-submit:hover,
#photos-upload-submit:focus{
box-shadow: inset 0 0 100px rgba(0,0,0,.1) !important;
} }
#delegate-parent .submit button { #delegate-parent .submit button {
float: right; float: right;
@ -322,7 +325,7 @@ box-sizing: border-box;
display: block; display: block;
clear: both; clear: both;
} }
#settings-server button[type="submit"] { #settings-server button[type="submit"] {
float: right !important; float: right !important;
margin-left: 5px !important; margin-left: 5px !important;
margin-bottom: 20px !important; margin-bottom: 20px !important;
@ -337,7 +340,16 @@ box-sizing: border-box;
#upload-photo:focus { #upload-photo:focus {
background-color: darkblue !important; background-color: darkblue !important;
} }
/* hide attach file option since there is no way to manage attachments */
/* HIDE ATTACHMENT BUTTON
=======================
This hides the file attachment button in the Compose "Browser" tab
because there is no way to manage/delete uploaded attachments it
was a design choice of this theme mod to hide this button from users.
If you WANT users to be able to see uploaded files and attach them
to posts either comment out this rule or change "none" to "block"
*/
.fbswitcher [data-mode="attachment"] { .fbswitcher [data-mode="attachment"] {
display: none !important; display: none !important;
} }
@ -443,7 +455,16 @@ aside .widget,
background-color: rgb(37, 39, 40) !important; background-color: rgb(37, 39, 40) !important;
border-radius: 10px !important; border-radius: 10px !important;
} }
.wall-item-container iframe {
width: 100% !important;
height: auto !important;
display: block;
margin: 0 auto;
aspect-ratio: 16/9;
border: 1px solid #333;
border-radius: 8px;
background-color: #000;
}
.well { .well {
-webkit-box-shadow: none !important; -webkit-box-shadow: none !important;
box-shadow: none !important; box-shadow: none !important;
@ -582,6 +603,28 @@ aside .widget,
[id^="attendmaybe"]::after{ [id^="attendmaybe"]::after{
content: 'Maybe'; content: 'Maybe';
} }
/* prevent "Like Like" and "Dislike Dislike" on photos */
#photo-view-wrapper .wall-item-actions .button-likes {
font-color: transparent !important;
font-size: 0px !important;
}
#photo-view-wrapper .wall-item-actions .button-likes::after {
font-size: 18px !important;
color: var(--nav-icon-color) !important;
}
#photo-view-wrapper .wall-item-actions .button-likes .fa-thumbs-up,
#photo-view-wrapper .wall-item-actions .button-likes .fa-thumbs-down {
font-size: 24px !important;
color: var(--nav-icon-color) !important;
}
#photo-view-wrapper .wall-item-actions .button-likes:hover::after,
#photo-view-wrapper .wall-item-actions .button-likes:focus::after,
#photo-view-wrapper .wall-item-actions .button-likes:hover .fa-thumbs-up,
#photo-view-wrapper .wall-item-actions .button-likes:focus .fa-thumbs-up,
#photo-view-wrapper .wall-item-actions .button-likes:hover .fa-thumbs-down,
#photo-view-wrapper .wall-item-actions .button-likes:focus .fa-thumbs-down {
color: var(--link-color) !important;
}
/* END OF ACTION BUTTON LABELS */ /* END OF ACTION BUTTON LABELS */
/* Compose and Reply */ /* Compose and Reply */
#jot-modal .modal-header .compose-link { #jot-modal .modal-header .compose-link {
@ -610,17 +653,43 @@ aside .widget,
.close:focus { .close:focus {
box-shadow: inset rgba(255,255,255,.2) !important; box-shadow: inset rgba(255,255,255,.2) !important;
} }
.modal-content,
#jot-modal-content, #jot-modal-content,
.wall-item-comment-wrapper { .wall-item-comment-wrapper {
background-color: rgb(37,39,40) !important; background-color: rgb(37,39,40) !important;
border-radius: 15px !important; border-radius: 15px !important;
background-image: none;
} }
.wall-item-comment-wrapper {
border: none;
}
.photo-comment-wrapper .btn-sm,
#profile-jot-wrapper .btn-sm,
.wall-item-comment-wrapper .btn-sm {
background-color: transparent;
color: var(--nav-icon-color);
height: 45px;
width: 45px;
font-size: 18px;
}
.photo-comment-wrapper .btn-sm:hover,
.photo-comment-wrapper .btn-sm:focus,
#profile-jot-wrapper .btn-sm:hover,
#profile-jot-wrapper .btn-sm:focus,
.wall-item-comment-wrapper .btn-sm:hover,
.wall-item-comment-wrapper .btn-sm:focus {
background-color: transparent;
color: var(--link-color);
}
#jot-modal-content input, #jot-modal-content input,
#jot-modal-content .friendica-tagsinput { #jot-modal-content .friendica-tagsinput {
background-color: var(--background-color) !important; background-color: var(--background-color) !important;
} }
#jot-modal-content .fbrowser .folders button { #filebrowser .breadcrumb {
background-color: rgba(255,255,255,.1) !important; background-color: var(--background-color);
}
.fbrowser .folders button {
background-color: rgba(255,255,255,.5) !important;
color: black !important; color: black !important;
appearance: none; appearance: none;
border: none; border: none;
@ -628,12 +697,12 @@ aside .widget,
width: 100%; width: 100%;
margin-bottom: 5px; margin-bottom: 5px;
} }
#jot-modal-content .fbrowser .folders button:hover, .fbrowser .folders button:hover,
#jot-modal-content .fbrowser .folders button:focus { .fbrowser .folders button:focus {
background-color: rgba(255,255,255,.2) !important; background-color: rgba(255,255,255,.75) !important;
} }
#jot-modal-content .fbrowser .folders li:hover, .fbrowser .folders li:hover,
#jot-modal-content .fbrowser .folders li:focus { .fbrowser .folders li:focus {
border-color: transparent !important; border-color: transparent !important;
background-color: transparent !important; background-color: transparent !important;
} }
@ -651,6 +720,13 @@ aside .widget,
.wall-item-comment-wrapper .dropzone.dz-clickable { .wall-item-comment-wrapper .dropzone.dz-clickable {
background-color: var(--background-color) !important; background-color: var(--background-color) !important;
} }
.jothidden.nav.nav-pills .btn-link {
font-size: 18px;
}
.jothidden.nav.nav-pills .btn-link:hover,
.jothidden.nav.nav-pills .btn-link:focus {
color: var(--link-color) !important;
}
.jot-nav { .jot-nav {
border: none !important; border: none !important;
} }
@ -683,9 +759,10 @@ aside .widget,
background-color: rgba(255,255,255,.2) !important; background-color: rgba(255,255,255,.2) !important;
} }
#profile-jot-wrapper .wall-item-container.panel-body.preview { #profile-jot-wrapper .wall-item-container.panel-body.preview {
border: 1px solid #666 !important; border: none !important;
margin-top:20px !important; margin-top:20px !important;
border-radius: 8px !important; border-radius: none !important;
background-color: transparent;
} }
/* Profile */ /* Profile */
#profile-photo-wrapper { #profile-photo-wrapper {
@ -713,7 +790,7 @@ aside .vcard .p-addr {
white-space: break-spaces !important; white-space: break-spaces !important;
} }
aside .widget li.selected { aside .widget li.selected {
background-color:rgba(56, 88, 152,.2) !important; background-color: var(--menu-background-hover-color) !important;
border-color: transparent !important; border-color: transparent !important;
border-radius: 8px; border-radius: 8px;
} }
@ -791,10 +868,17 @@ aside .widget li:hover {
font-family: ForkAwesome; font-family: ForkAwesome;
color: #666; color: #666;
} }
.img-allocated-max-width { .img-allocated-max-width {
margin: 20px auto; margin: 20px auto;
}
#vcard-short-photo-wrapper img,
#nav-short-info .contact-wrapper img {
border-radius: 100%;
}
/* Calendar */
.fc-unthemed td.fc-today {
background-color: var(--menu-background-hover-color);
} }
/* Photo Albums */ /* Photo Albums */
.photo-album-actions .icon-padding, .photo-album-actions .icon-padding,
.photo-edit-link-wrap .icon-padding { .photo-edit-link-wrap .icon-padding {
@ -884,14 +968,27 @@ aside .widget li:hover {
#photo-photo { #photo-photo {
margin: 0 auto !important; margin: 0 auto !important;
} }
#photos-upload-perms button[data-toggle="modal"] {
background-color: rgba(255,255,255,.2) !important;
padding: 0 !important;
height: 36px;
width: 36px;
margin-right: 5px;
border-radius: 100%;
color: var(--link-color);
}
#photos-upload-perms button[data-toggle="modal"]:hover,
#photos-upload-perms button[data-toggle="modal"]:focus {
background-color: rgba(255,255,255,.1) !important;
}
@media screen and (max-width: 1280px) { @media screen and (max-width: 1280px) {
#search-box { #search-box {
width: 18% !important; width: 18% !important;
} }
#search-save { #search-save {
width: 140px !important; width: 140px !important;
} }
} }
@media screen and (max-width: 991px){ @media screen and (max-width: 991px){
#search-box { #search-box {
@ -913,6 +1010,9 @@ aside .widget li:hover {
#search-mobile { #search-mobile {
top: 110px !important; top: 110px !important;
} }
.wall-item-container iframe {
aspect-ratio: 5/4;
}
} }
@media screen and (max-width: 480px){ @media screen and (max-width: 480px){
#topbar-first .navbar-toggle[data-target="#search-mobile"]{ #topbar-first .navbar-toggle[data-target="#search-mobile"]{
@ -923,13 +1023,13 @@ aside .widget li:hover {
left: 10% !important; left: 10% !important;
margin-left: 0!important; margin-left: 0!important;
} }
#search-save { #search-save {
width: 100px !important; width: 100px !important;
}
#search-save .fa-plus::after {
content: 'Follow';
}
#search-save .fa-floppy-o::after {
content: 'Save';
} }
#search-save .fa-plus::after {
content: 'Follow';
}
#search-save .fa-floppy-o::after {
content: 'Save';
}
} }