jchue / argon-webtrees-theme Goto Github PK
View Code? Open in Web Editor NEWArgon theme for webtrees 2, the online genealogy application
Argon theme for webtrees 2, the online genealogy application
When the Argon theme is activated there is an error shown in the browser console
Asset?asset=js%2Fscript.js&hash=1654449353:1
Uncaught TypeError: Cannot read properties of null (reading 'offsetHeight')
at Asset?asset=js%2Fscript.js&hash=1654449353:1:116
Could this error be related to the Argon module?
Thank you for a great theme!
On my home page I'm using the Favourites block, but it appairs the chart-boxes are not defined, thus missing padding and background colors. Could you please take a look at this?
No puedo ejecutar webtrees con el módulo "Argon" instalado. Produce el siguiente error.
¿Alguna sugerencia?
Gracias.
ErrorException: filemtime(): stat failed for /var/www/vhosts/39868524.servicio-online.net/quiesquiacalp.es/webtrees/modules_v4/argon/resources/js/script.js in /var/www/vhosts/39868524.servicio-online.net/quiesquiacalp.es/webtrees/app/Module/ModuleCustomTrait.php:155 Stack trace: #0 [internal function]: Fisharebest\Webtrees\Webtrees::Fisharebest\Webtrees{closure}() #1 /var/www/vhosts/39868524.servicio-online.net/quiesquiacalp.es/webtrees/app/Module/ModuleCustomTrait.php(155): filemtime() #2 /var/www/vhosts/39868524.servicio-online.net/quiesquiacalp.es/webtrees/modules_v4/argon/module.php(160): Fisharebest\Webtrees\Module\MinimalTheme@anonymous->assetUrl() #3 /var/www/vhosts/39868524.servicio-online.net/quiesquiacalp.es/webtrees/resources/views/layouts/default.phtml(185): Fisharebest\Webtrees\Module\MinimalTheme@anonymous->bodyContent() #4 [internal function]: Fisharebest\Webtrees\View::{closure}() #5 /var/www/vhosts/39868524.servicio-online.net/quiesquiacalp.es/webtrees/vendor/illuminate/collections/Collection.php(695): array_map() #6 /var/www/vhosts/39868524.servicio-online.net/quiesquiacalp.es/webtrees/resources/views/layouts/default.phtml(186):
I have no sidebar (checked of "family navigator",..) .
So there is no place for the popup-menues of the right side of the chartboxes. ( clicking on the + or the tree icon)
you can test on https://freris.de with activating argon-theme
Any way to get the google maps icon back to the default? Also, anyway to add custom icons to menu items?
Thanks again for this - just started using webtrees and your theme yesterday.
When the Argon theme is not the active theme (for example, when using the default webtrees theme), Argon causes a JavaScript error on the login page:
Uncaught TypeError: document.getElementById(...) is null
<anonymous> http://192.168.1.100:8089/module/_argon_/Asset?asset=js/theme.js&hash=1678254204:1
<anonymous> http://192.168.1.100:8089/module/_argon_/Asset?asset=js/theme.js&hash=1678254204:1
Asset:1:43
How or why this is loaded when the theme isn't active? I don't know. But it is, and it causes this error...
I would like to request smaller navigations menus for mobile since currently the top navigation menu on mobile takes up about 40% of the screen by default and then 25% when scrolled down
Perhaps a dynamic hamburger menu and smaller navigation area like this theme:
https://github.com/JustCarmen/webtrees-theme-justlight
views/chart-box.phtml line 5, target for preg_replace is no longer valid in webtrees 2.1
.wt-chart-box-thumbnail float-left mr-1 is now
.wt-chart-box-thumbnail float-start me-1.
Also cannot find .mr-2 in argon css.
Your intended change may have been quite subtle so you probably haven't noticed that it's using the default styling.
When I set search bar too only members, I can still see the search bar when not logged in. This allows people to search the site without access.
Hello,
Have you planned an adaptation of the Argon theme to version 2.1.1 of webtrees? Because I confess I mainly used your theme because it was clearer.
Looking forward to hearing from you, best regards.
I just discovered your theme and so far I really like the clean and modern looks of it! I also noticed that the last commit was one year ago...
Unfortunately, the theme doesn't work on some pages. Here's a screenshot:
I'm using the dtjs48jkt/webtrees docker image ver 2.0.15 with a reverse proxy, though I don't really think that this is the issue, because other themes work just fine.
Do you plan on updating the theme? I really really like it. Unfortunately I know absolutely nothing about css, so I don't think that I can be helpful.
Cookie belt can't be closed - no button
<button type="button" id="privacy-warning-button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
</button>
The last line of text is outside the box.
Style Lightgallery once it replaces Colorbox (tracked in fisharebest/webtrees#2864).
First, I want to thank you for the updates you released. The Theme looks so much better now!
I wondered, if the favicon could be replaced and did some google research. Appearently, it is really easy to change the favicon if you do the change inside a theme. It's literally just a line of code in the theme header (see this forum thread):
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
I imagine one could set it to a path inside the theme folder.
I also know of a tool that could come in handy: https://realfavicongenerator.net/.
What I unfortunately don't have, is a ready to use favicon. I just think that the original webtrees favicon doesn't quite fit the clean and esthetic looks of your theme, especially if webtrees is used as a PWA on mobile. Maybe you or someone else (or future me) has the inspiration to make a better favicon.
To be able to customize this theme without touching the module files (ex. I want to change the icon for the individual silhouette), I'd like you to add the ability for a user defined custom.css file. I was able to get this working as follows:
public function stylesheets(): array
{
// NOTE - a future version of webtrees will allow the modules to be stored in a private folder.
// Only files in the /public/ folder will be accessible via the webserver.
// Since modules cannot copy their files to the /public/ folder, they need to provide them via a callback.
$stylesheets[] = $this->assetUrl('css/theme.css');
$stylesheets[] = $this->assetUrl('css/custom.css');
$stylesheets[] = $this->assetUrl('css/fontawesome.css');
return $stylesheets;
}
Then I just add my custom CSS to resources/css/custom.css
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.