TFyre/bambu-farm

Weird dashboard column view

Closed this issue · 5 comments

When viewing dashboard on 1080p monitor with 100% page zoom with two printers only one column is shown. Two columns are shown when zooming below 80%. This makes the 100% zoom webcam field unnecessarily large unless zoomed 80% (which is slightly annoying to do every time).
styles.css file for number of columns seems to have no effect.
BambuFarm1
BambuFarm2

Please share your styles.css

The default is 3 columns on 1080p, so your styles.css does have an impact

I have tried to run the app without styles.css and now it is working in the three columns view.
If I run it with the styles.css file (attached, just with changed extension so github lets me upload it) it behaves as screenshotted above.
styles.txt

--bambu-default-columns is used as a ratio to calculate columns based on various resolution sizes.

You can see details here:
https://github.com/TFyre/bambu-farm/blob/main/bambu/frontend/themes/bambu-theme/bambu.css#L1-L25

So for 1080pixels it will use the value you have -1... So if you change it to 3 it will display 2 columns

put this in styles.css:

:root {
  --bambu-default-columns: 3;
}

Ah, thank you, this is working. However, as more of a regular user than developer, the text in the "Custom CSS" section might need a bit of a rework for the future, in my opinion - I would expect behavior: number in css = number of columns in dashboard. If this is not easily achievable a comment on the "Custom CSS" paragraph would be nice :)
Anyway thanks for the quick response and software!

Updated the https://github.com/TFyre/bambu-farm#custom-css section in the README, let me know if this makes more sense