Webpage size

[DanielSconnie]

Describe the bug After installation, the site loaded but everything was at maximum page width and the icons were huge.

Steps To Reproduce Steps to reproduce the behavior:

1. Go to website
2. View example site

Expected behavior After installation, the site should load as intended from the description on the installation page.

Screenshots Screenshot provided

Your Configuration (please complete the following information):

• Exact BookStack Version (Found in settings): Latest version as of Aug 31 2018
• PHP Version: 7.0.30
• Hosting Method (Nginx/Apache/Docker): Apache

Additional context

[ssddanbrown]

Hi @DanielSconnie, This would usually occur if the main CSS file containing the website styles are not found or does not exist. This can occur if you are using the master branch instead of release. Let me know if you are seeing this and are sure you're on the release branch.

[DanielSconnie]

Hello @ssddanbrown

I just confirmed that I am using the release branch. I was able to find some css files under public > dis

Would it be helpful to link you to to my site so you can look at it to see if I am missing something? https://kb.sconnie.net

[Kdecherf]

Hello @DanielSconnie,

I see 404 errors for assets, they are definitely missing on your installation. Could you share your Apache configuration and list the content of the installation folder?

If you are seeing styles.css in public/dist, you may have a misconfiguration on your webserver.

[DanielSconnie]

@ssddanbrown @Kdecherf ndn-apache22 2.2.31-5 amd64 Dreamhost Apache 2.2 package

Contents of installation folder:

LICENSE composer.lock phpcs.xml routes vendor app config phpunit.xml server.php version artisan database public storage webpack.config.js bootstrap package-lock.json readme.md tests composer.json package.json resources themes

[DanielSconnie]

@Kdecherf I seem to have everything in the assets folder?

[ssddanbrown]

Hi @DanielSconnie, The assets folder is not actually used for live instances, It just holds the development files to build the final JS/CSS files that you're missing.

You seem to be missing the public/dist directory which holds the required CSS & JS files: https://github.com/BookStackApp/BookStack/tree/release/public/dist

Can you confirm the what the text is in the version file you have?

[mendiromania]

1. install npm
2. open a terminal (shift + rightclick in the installation folder > open powershell for windows)
3. type "npm install"
4. enter
5. ???
6. PROFIT!!!

[auswade]

This happened to me when my installation broke (manual installation), I switched to using the "installation script" provided by the developers on an Ubuntu machine and it has worked each time I spin up a system since.

[nekromoff]

This still happens sometimes for me on the latest version. After user forces to refresh browser, it disappears.