Merge branch 'refs/heads/develop'

This commit is contained in:
oldkid 2025-01-22 06:32:10 +01:00
commit 739074a4bc
2 changed files with 295 additions and 7 deletions

View file

@ -1,6 +1,6 @@
/* /*
Name : Bookface Dark Name : Bookface Dark
Version : 1.0 Version : 1.1
Licence : AGPL Licence : AGPL
Created on : 19.01.2025 Created on : 19.01.2025
Author : Kristi H. @kmh@friendica.world feb @feb@loma.ml Author : Kristi H. @kmh@friendica.world feb @feb@loma.ml
@ -261,7 +261,15 @@ box-sizing: border-box;
#jotOpen:hover, #jotOpen:focus { #jotOpen:hover, #jotOpen:focus {
box-shadow: inset 0 0 100px rgba(0,0,0,.1) !important; box-shadow: inset 0 0 100px rgba(0,0,0,.1) !important;
} }
#jotOpen::before {
content: '';
font-size: 15px;
margin-right: 10px;
line-height: 32px;
position: relative;
display: inline;
top: -4px;
}
#jotOpen .fa-pencil-square-o { #jotOpen .fa-pencil-square-o {
font-size: 32px !important; font-size: 32px !important;
position: relative; position: relative;
@ -307,6 +315,7 @@ box-sizing: border-box;
} }
.panel-footer button[type="submit"]{ .panel-footer button[type="submit"]{
float: right !important; float: right !important;
margin-left: 5px;
} }
.panel-footer::after{ .panel-footer::after{
content: ''; content: '';
@ -419,6 +428,13 @@ aside .widget,
padding-left: 10px !important; padding-left: 10px !important;
padding-right: 10px !important; padding-right: 10px !important;
} }
/* keep mentions and tags from spilling out */
#profile-page .label,
#profile-page .label a,
.wall-item-bottom .label,
.wall-item-bottom .label a {
display: inline-block !important;
}
/* ACTION BUTTON LABELS */ /* ACTION BUTTON LABELS */
.wall-item-actions-row button, .wall-item-actions-row button,
.wall-item-actions-right button { .wall-item-actions-right button {
@ -702,3 +718,130 @@ aside .widget li:hover {
margin: 20px auto; margin: 20px auto;
} }
/* Photo Albums */
/*
.photo-album-actions .icon-padding,
.photo-edit-link-wrap .icon-padding {
margin-left: 10px !important;
}
.photos-upload-link {
font-size: 28px;
color: var(--link-color) !important;
opacity: 1 !important;
border-radius: 8px;
padding: 0px 8px;
}
#photo-album-link {
opacity: 1 !important;
}
.photos-upload-link i,
#photo-album-link i,
#photo-edit-link i,
#photo-toprofile-link i,
#album-edit-link i,
#album-drop-link i,
.photos-order-link i {
font-size: 24px !important;
color: var(--link-color) !important;
opacity: 1 !important;
border-radius: 100% !important;
padding: 8px 11px !important;
height: 40px;
width: 40px;
}
#photo-edit-link i.fa-image {
padding: 6px 7px !important;
}
.photos-order-link {
margin-top: 5px !important;
}
.photos-upload-link:hover i,
.photos-upload-link:focus i,
#photo-album-link:hover i,
#photo-album-link:focus i,
#photo-edit-link:hover i,
#photo-toprofile-link:hover i,
#photo-toprofile-link:focus i,
#album-edit-link:hover i,
#album-edit-link:focus i,
#album-drop-link:hover i,
#album-drop-link:focus i,
.photos-order-link:hover i,
.photos-upload-link:hover i,
.photos-upload-link:focus i {
background-color: rgba(255,255,255,.1) !important;
}
.photos-content-wrapper .photos-upload-link::before {
content: 'Add Photos';
font-size: 15px;
vertical-align: middle;
margin-top: -10px;
display: inline-block;
}
.justified-gallery {
overflow: visible !important;
}
.justified-gallery > a,
.justified-gallery > div,
.justified-gallery > figure{
height: 180px !important;
width: 180px !important;
border: 1px solid #ccc;
position: relative !important;
top: auto !important;
left: auto !important;
border-radius: 8px;
margin: 4px !important;
}
.justified-gallery > .jg-entry-visible > img,
.justified-gallery > .jg-entry-visible > a > img,
.justified-gallery > .jg-entry-visible > svg,
.justified-gallery > .jg-entry-visible > a > svg{
width: 100% !important;
height: 100% !important;
margin: 0 !important;
top: 0 !important;
left: 0 !important;
object-fit:cover;
object-position: center;
}
/* #photo-photo {
margin: 0 auto !important;
}
@media screen and (max-width: 1280px) {
#search-box {
width: 18% !important;
}
}
@media screen and (max-width: 991px){
#search-box {
left: 15%;
}
#jotOpen::before {
content: '';
margin: 0;
}
#mention-link span:last-of-type {
margin-right: 42px;
}
}
@media screen and (max-width: 768px){
#topbar-first .navbar-toggle[data-target="#search-mobile"]{
position: fixed !important;
left: 15%;
}
#search-mobile {
top: 110px !important;
}
}
@media screen and (max-width: 480px){
#topbar-first .navbar-toggle[data-target="#search-mobile"]{
left: 10%;
}
.topbar ul.nav {
position: relative !important;
left: 10% !important;
margin-left: 0!important;
}
} */

View file

@ -1,6 +1,6 @@
/* /*
Name : Bookface Light Name : Bookface Light
Version : 1.0 Version : 1.1
Licence : AGPL Licence : AGPL
Created on : 19.01.2025 Created on : 19.01.2025
Author : Kristi H. @kmh@friendica.world feb @feb@loma.ml Author : Kristi H. @kmh@friendica.world feb @feb@loma.ml
@ -220,7 +220,15 @@
#jotOpen:hover, #jotOpen:focus { #jotOpen:hover, #jotOpen:focus {
box-shadow: inset 0 0 100px rgba(0,0,0,.1) !important; box-shadow: inset 0 0 100px rgba(0,0,0,.1) !important;
} }
#jotOpen::before {
content: 'Compose';
font-size: 15px;
margin-right: 10px;
line-height: 32px;
position: relative;
display: inline;
top: -4px;
}
#jotOpen .fa-pencil-square-o { #jotOpen .fa-pencil-square-o {
font-size: 32px !important; font-size: 32px !important;
position: relative; position: relative;
@ -262,9 +270,10 @@
.panel-footer { .panel-footer {
background-color: var(--nav-bg) !important; background-color: var(--nav-bg) !important;
} }
.panel-footer button[type="submit"]{ .panel-footer button[type="submit"]{
float: right !important; float: right !important;
} margin-left: 5px;
}
.panel-footer::after{ .panel-footer::after{
content: ''; content: '';
display: block; display: block;
@ -348,6 +357,13 @@
padding-left: 10px !important; padding-left: 10px !important;
padding-right: 10px !important; padding-right: 10px !important;
} }
/* keep mentions and tags from spilling out */
#profile-page .label,
#profile-page .label a,
.wall-item-bottom .label,
.wall-item-bottom .label a {
display: inline-block !important;
}
/* ACTION BUTTON LABELS */ /* ACTION BUTTON LABELS */
.wall-item-actions-row button, .wall-item-actions-row button,
.wall-item-actions-right button { .wall-item-actions-right button {
@ -638,3 +654,132 @@
margin: 20px auto; margin: 20px auto;
} }
/* Photo Albums */
/*
.photo-album-actions .icon-padding,
.photo-edit-link-wrap .icon-padding {
margin-left: 10px !important;
}
.photos-upload-link {
font-size: 28px;
color: var(--link-color) !important;
opacity: 1 !important;
border-radius: 8px;
padding: 0px 8px;
}
#photo-album-link {
opacity: 1 !important;
}
.photos-upload-link i,
#photo-album-link i,
#photo-edit-link i,
#photo-toprofile-link i,
#album-edit-link i,
#album-drop-link i,
.photos-order-link i {
font-size: 24px !important;
color: var(--link-color) !important;
opacity: 1 !important;
border-radius: 100% !important;
padding: 8px 11px !important;
height: 40px;
width: 40px;
}
#photo-edit-link i.fa-image {
padding: 6px 7px !important;
}
.photos-order-link {
margin-top: 5px !important;
}
.photos-upload-link:hover i,
.photos-upload-link:focus i,
#photo-album-link:hover i,
#photo-album-link:focus i,
#photo-edit-link:hover i,
#photo-toprofile-link:hover i,
#photo-toprofile-link:focus i,
#album-edit-link:hover i,
#album-edit-link:focus i,
#album-drop-link:hover i,
#album-drop-link:focus i,
.photos-order-link:hover i,
.photos-upload-link:hover i,
.photos-upload-link:focus i {
background-color: rgba(128,128,128,.1) !important;
}
.photos-content-wrapper .photos-upload-link::before {
content: 'Add Photos';
font-size: 15px;
vertical-align: middle;
margin-top: -10px;
display: inline-block;
}
.justified-gallery {
overflow: visible !important;
}
.justified-gallery > a,
.justified-gallery > div,
.justified-gallery > figure{
height: 180px !important;
width: 180px !important;
border: 1px solid #ccc;
position: relative !important;
top: auto !important;
left: auto !important;
border-radius: 8px;
margin: 4px !important;
}
.justified-gallery > .jg-entry-visible > img,
.justified-gallery > .jg-entry-visible > a > img,
.justified-gallery > .jg-entry-visible > svg,
.justified-gallery > .jg-entry-visible > a > svg{
width: 100% !important;
height: 100% !important;
margin: 0 !important;
top: 0 !important;
left: 0 !important;
object-fit:cover;
object-position: center;
}
#photo-photo {
margin: 0 auto !important;
}
@media screen and (max-width: 1280px) {
#search-box {
width: 18% !important;
}
}
@media screen and (max-width: 991px){
#search-box {
left: 15%;
}
#jotOpen::before {
content: '';
margin: 0;
}
#mention-link span:last-of-type {
margin-right: 42px;
}
}
@media screen and (max-width: 768px){
#topbar-first .navbar-toggle[data-target="#search-mobile"]{
position: fixed !important;
left: 15%;
}
#search-mobile {
top: 110px !important;
}
}
@media screen and (max-width: 480px){
#topbar-first .navbar-toggle[data-target="#search-mobile"]{
left: 10%;
}
.topbar ul.nav {
position: relative !important;
left: 10% !important;
margin-left: 0!important;
}
} */