Webpage size #802

Closed
opened 2026-02-04 22:19:49 +03:00 by OVERLORD · 9 comments
Owner

Originally created by @DanielSconnie on GitHub (Sep 1, 2018).

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
bookstackissue

Originally created by @DanielSconnie on GitHub (Sep 1, 2018). **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** ![bookstackissue](https://user-images.githubusercontent.com/27869186/44939843-fb007b80-ad4d-11e8-9424-7789a4f54c94.png)
Author
Owner

@ssddanbrown commented on GitHub (Sep 1, 2018):

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.

@ssddanbrown commented on GitHub (Sep 1, 2018): 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.
Author
Owner

@DanielSconnie commented on GitHub (Sep 1, 2018):

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

@DanielSconnie commented on GitHub (Sep 1, 2018): 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
Author
Owner

@Kdecherf commented on GitHub (Sep 1, 2018):

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.

@Kdecherf commented on GitHub (Sep 1, 2018): 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.
Author
Owner

@DanielSconnie commented on GitHub (Sep 1, 2018):

@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
screen shot 2018-09-01 at 3 27 53 pm

@DanielSconnie commented on GitHub (Sep 1, 2018): @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 <img width="795" alt="screen shot 2018-09-01 at 3 27 53 pm" src="https://user-images.githubusercontent.com/27869186/44949663-a0bdf400-adfb-11e8-9c59-cf3127edbddc.png">
Author
Owner

@DanielSconnie commented on GitHub (Sep 1, 2018):

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

screen shot 2018-09-01 at 3 33 38 pm
@DanielSconnie commented on GitHub (Sep 1, 2018): @Kdecherf I seem to have everything in the assets folder? <img width="237" alt="screen shot 2018-09-01 at 3 33 38 pm" src="https://user-images.githubusercontent.com/27869186/44949700-76b90180-adfc-11e8-9675-076163f8c74c.png">
Author
Owner

@ssddanbrown commented on GitHub (Sep 2, 2018):

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?

@ssddanbrown commented on GitHub (Sep 2, 2018): 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?
Author
Owner

@mendiromania commented on GitHub (Sep 9, 2018):

  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!!!
@mendiromania commented on GitHub (Sep 9, 2018): 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!!!
Author
Owner

@auswade commented on GitHub (Sep 10, 2018):

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.

@auswade commented on GitHub (Sep 10, 2018): 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.
Author
Owner

@nekromoff commented on GitHub (Dec 17, 2020):

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

@nekromoff commented on GitHub (Dec 17, 2020): This still happens sometimes for me on the latest version. After user forces to refresh browser, it disappears.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/BookStack#802