Giter Club home page Giter Club logo

argon-webtrees-theme's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

tuetenk0pp

argon-webtrees-theme's Issues

development

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:
Error – webtrees

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

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>

Favourites block

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?

Pedigree map

Markers and lines indicating different generations of ancestors are missing in Pedigree map module.

argon
fab

webtrees 2.1.1

Bonjour,
Avez-vous prévu une adaptation du thème Argon à la version 2.1.1 de webtrees ? Car je vous l'avoue j'utilisais principalement votre thème car plus clair.
Dans l'attente de vous lire, bien cordialement.

Google translate

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.

Horizontal scrolling is not working

If the relationship path is broader than my screen width, then there is a horizontal scrolling bar. This is the case for all webtrees themes including Argon. But when I'm scrolling to the right, normally this part of the relationship path is shown. When using Argon there is only white space.
Screenshot (241)_LI

Home Page Chart Block connecting no lines.

An hourglass chart in a Chart Block added to the Home Page has no connecting lines or colored backgrounds.
Note this is the tree landing page not the user's My Page.
The Charts Block that's added via the "Customize this page" dialogue.
Chart Block Hourglass

chart-box thumbnail margin change of no effect.

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.

Adding icons?

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.

popup position of chartbox menu

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

JavaScript error on login page when *not* enabled

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...

Dropdown arrows don't appear on big screens

To be exact, the dropdown arrows tagged a.nav-link.dropdown-toggle::after do not show up on screens wider than 991 px.
image
image
Probably has something to do with the @media tag:
image
I do not know how to fix this, or I would submit a PR myself.
Thanks for the great work.

Asset type error

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?

Better Favicon

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.

Argon produce un error al ejecutar webtrees 2.1.15

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):

FEATURE REQUEST: custom css

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:

  1. create resources/css/custom.css
  2. update module.php stylesheets function as follows:3.
    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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.