This update has TWO DOZEN changes and fixes in it! Check out the README file Changelog for the full run-down. Thanks again to everyone who gave feedback!
The biggest change is to Profile pages on mobile devices. Previously if you visited your own or someone else’s profile on a tablet or phone you would not see their profile photo, display name, handle, etc., because they are in the hidden sidebar panel. If they are using the Bookface “Cover Photo” feature you’d see that, but nothing from their “vcard.”
... show moreThis update has TWO DOZEN changes and fixes in it! Check out the README file Changelog for the full run-down. Thanks again to everyone who gave feedback!
The biggest change is to Profile pages on mobile devices. Previously if you visited your own or someone else’s profile on a tablet or phone you would not see their profile photo, display name, handle, etc., because they are in the hidden sidebar panel. If they are using the Bookface “Cover Photo” feature you’d see that, but nothing from their “vcard.”
Version 1.5 reworks all of that. So now when you go to a Profile page you will actually see their photo, display name, and handle. If you open the sidebar it triggers a cute animation that, in hybrid and landscape mobile views, pushes the vcard data over, and it elastically “bounces” off the side. When you close the sidebar is pulls with and then snaps back to its original position. In portrait orientation the vcard info and cover photo drop away when the sidebar is opened (which now opens full screen width) and pops up again when you close the sidebar.
The other change was to how Photo albums appear on phones. Previously the thumbnail images were the same size as on desktop resulting in one long column that’s annoying on a phone screen. Now it resizes the thumbnails so you can see a bunch of them at once and directly select the one you want. I wasn’t sure how big/small to make them so I made them the same size they are on my phone’s photo gallery app.
Here's a look at the new Profile page in "Hybrid" mobile view on a tablet:
And with the sidebar showing:
As noted there are a bunch of other small changes and tweaks. Things like fixing how "category" and "folder" tag-buttons look, fixing the rollover effect on Compose window formatting buttons, removing drop-shadow from tags, making nav tab appearance consistent with the toolbar tabs, even the Calculator add-on got a modern makeover. All this and more not sold in any store! Get it now:
Server-side Download:
gitlab.com/randompenguin/bookf…
User Styles Download:
gitlab.com/randompenguin/users…
================================
#friendica #bookface #theme #update
@Ruud @Friendica Admins @Phil @Matthias
Pygoscelis Papua
in reply to Pygoscelis Papua • •FYI there is ONE Profile Page that does not show your profile information in the sidebar — but it only doesn’t show it for you — and that is your “Recent Photos” page. Rather than just have a big blank space at the top of the page on mobile devices I put a large camera icon in the space where your profile photos would normally go. Again only you ever see this. If someone else visits your profile “Photos” sub-page, or you visit someone else’s the profile photo, display name, and handle are shown. I have no idea why that stuff is missing when you view your own “Photos” page. But I can only style what’s alread
... show moreFYI there is ONE Profile Page that does not show your profile information in the sidebar — but it only doesn’t show it for you — and that is your “Recent Photos” page. Rather than just have a big blank space at the top of the page on mobile devices I put a large camera icon in the space where your profile photos would normally go. Again only you ever see this. If someone else visits your profile “Photos” sub-page, or you visit someone else’s the profile photo, display name, and handle are shown. I have no idea why that stuff is missing when you view your own “Photos” page. But I can only style what’s already there in the “Frio” theme.
Also, unlike the rest of the photo pages, which all show your profile info in the sidebar, this first landing page has a style of
body.mod-profileinstead ofbody.mod-photos— even though it is a photo page? The only way I could find to discern this photo page from anyone else’s was to use the "next sibling combinator" to check if.vcardand#sidebar-photos-albumsare both present in the sidebar. If they are then the camera icon is not shown. Which means if the “Frio” theme is ever updated to show your own profile info on this page “Bookface” will automatically roll with the change.Sarah Peck
in reply to Pygoscelis Papua • •Pygoscelis Papua
in reply to Sarah Peck • •gitlab.com/randompenguin/bookf…
like this
Sarah Peck and Anomaly like this.
Sarah Peck
in reply to Pygoscelis Papua • •Pygoscelis Papua
in reply to Pygoscelis Papua • •Oh, and one other change that came at the last minute so it didn't even make it into any of the screenshots I've posted was a redesign of the "Nav Tabs" for phones and small tablets in portrait orientation:
They looked unbalanced before and I wanted them to look centered so I extended the underline to the drop-down button, since they are related to each other. But I left a small gap in the underline to make it clear they are separate clickable controls. Otherwise users would assume clicking the section title would activate the drop-down but it doesn't.
Version 1.5 has a lot of little tweaks like this in it. 😉
Phil likes this.
Pygoscelis Papua
in reply to Pygoscelis Papua • •VERSION 1.5.5
There are a couple of pretty noticeable errors that snuck into version 1.5:
* Compose modal active tab has double underlines of different lengths and thicknesses
I've also fixed some other things I, of course, only noticed after the release. I'm not pushing out another release right now just for this, I'm going to wait until I have a few more issues before that happens. But if you don't want to wait for version 1.6 you can go right now and grab the "Main" branch (currently version 1.5.5), which is always the current development one, and use that until the next major point release.
Both the server-side and client-side stylesheets have been updated.
gitlab.com/randompenguin/bookf…
#friendica #bookface #theme #update
@Ruud @Friendica Admins @Phil @Matthias
like this
Ruud, Matthias, Anomaly, Anders Nicolaysen and trendless like this.
Ruud
in reply to Pygoscelis Papua • •Anomaly
in reply to Pygoscelis Papua • • •I use Bookface Version 1.5 , but I noticed that when I create a post I can't upload files , only photos
Pygoscelis Papua
in reply to Anomaly • •@Anomaly Yes, that was a UX design decision on my part. It is mentioned in the General Notes of the Bookface README file that I purposely hide that button.
The file feature in Friendica is only partially implemented. My understanding is it was originally intended for uploading and attaching video files but the dev who was working on it left the project before it was completed. Which is why there is no interface for actually managing your uploaded files. Only a server admin can apparently manually delete them?
I believe the preferred method for sharing videos is to post them somewhere else (like Peertube), and for other types of files to put them on some cloud storage, and share the link in a post rather than uploading them to Friendica and making them file attachments.
I also experienced an issue with it where if I was both uploading and attaching images and files to a post it would look like it was in "Photo" upload mode but would actually upload the imag
... show more@Anomaly Yes, that was a UX design decision on my part. It is mentioned in the General Notes of the Bookface README file that I purposely hide that button.
The file feature in Friendica is only partially implemented. My understanding is it was originally intended for uploading and attaching video files but the dev who was working on it left the project before it was completed. Which is why there is no interface for actually managing your uploaded files. Only a server admin can apparently manually delete them?
I believe the preferred method for sharing videos is to post them somewhere else (like Peertube), and for other types of files to put them on some cloud storage, and share the link in a post rather than uploading them to Friendica and making them file attachments.
I also experienced an issue with it where if I was both uploading and attaching images and files to a post it would look like it was in "Photo" upload mode but would actually upload the image as a "File" and I can never, ever delete that image file. I initially hid the button to prevent myself ever doing that again.
Since Bookface is supposed to make Friendica friendlier to new users, who would expect there to be some way to manage uploaded files, I decided to just hide that button so they wouldn't make the same mistake I did by using that partly-broken feature.
That said, it is set with the CSS variable
--attach-file-buttonat the top of the server-side and client-side stylesheets. Change that value from "none" to "block" and the button will appear. A user content stylesheet/Stylus can also be used to override it if Bookface is set on the server. If you know how to use the browser development tools you can also temporarily show the button to upload files.IMO though, it's terrible UX and the Friendica devs either need to finish implementing it with a way to manage the files or remove the feature entirely.
like this
Ruud, Anomaly, Daniel de Kay, Pekka Kurki and Ilka like this.
Pekka Kurki reshared this.
Anomaly
in reply to Pygoscelis Papua • • •Thank you so much for the clarification @Pygoscelis Papua , I often upload videos in my posts, that button was very convenient 😆 .
I'll try your suggestion
browser development, or maybe I embed the videos and files by uploading them to my #nextcloud , like it did before.Yes, honestly sometimes I also have problems if I upload files directly to #friendica, this will be a good reason to take a step back
Thanks again for the good work you do with #BookFace , I appreciate it
Cheers