For issues related to the current stable release please use it's own Help forum.
IMPORTANT:Please read this before using an git or nightly build version: wiki.webtrees.net/en/GIT

Before asking for help please read "How to request help" by clicking on that tab above here.

TOPIC: [SOLVED] Support for bigger monitors

Support for bigger monitors 5 months 1 week ago #1

  • Rheydter
  • Rheydter's Avatar
  • Offline
  • New
  • Posts: 9
Hi,
at the same time that i installed 2.0 i got a new 34" monitor. Then I saw everything squeezed in a relative small window
in the middle with a scroll bar at the bottom. I guess this is to make the application suitable for smaller screens on cellphones etc.
On the bigger monitor, i think, it´s a pitty to not use the space the monitor provides.

What do you think ?

Regards from Rheydter
Last Edit: 5 months 1 week ago by Rheydter. Reason: mistakes
The administrator has disabled public write access.

Support for bigger monitors 5 months 1 week ago #2

  • makitso
  • makitso's Avatar
  • Offline
  • Moderator
  • Posts: 433
Add this line to the style sheet in folder themes/_common/css-2.0.0. Set the percentage to anything you want.

@media (min-width: 1200px) {
.container {
max-width: 75%;
}
}
Rob
www.skatekey.net ( version 2.0.0 GitHub)
PHP 7.2.12, MySQL 5.6.40, Apache 2.2.9,
Hosted at tigertech.net
The administrator has disabled public write access.

Support for bigger monitors 5 months 5 days ago #3

  • Rheydter
  • Rheydter's Avatar
  • Offline
  • New
  • Posts: 9
Hi, thanks for your reply. I added the line as proposed, but nothing changed at all. Meanwhile i found this issue discussed in an other thread.
Last Edit: 5 months 5 days ago by Rheydter. Reason: mistakes
The administrator has disabled public write access.

Support for bigger monitors 5 months 5 days ago #4

  • jprause
  • jprause's Avatar
  • Online
  • Junior
  • Posts: 113
For me, on the contrary, Rob's advice works OK.
@Rheydter: can you point to the other thread you mention?
Josef

local desktop:-- webtrees 1.7.11, PHP version 7.2.10, MySQL 5.7.23, Apache2 2.4.29, Linux Ubuntu 18.04 64bit
webhosting:-- webtrees 1.7.11, PHP version 7.2.10, MySQL 5.7.21
The administrator has disabled public write access.

Support for bigger monitors 5 months 5 days ago #5

  • FransW
  • FransW's Avatar
  • Offline
  • New
  • Posts: 22
Wouldn't be much easier when support for widescreen monitors gets integreted in the standard themes of Webtrees?

I understand version 2 is still in alpha phase, but I really hope that soon also the themes get some attention...
Frans
The administrator has disabled public write access.

Support for bigger monitors 5 months 5 days ago #6

  • Rheydter
  • Rheydter's Avatar
  • Offline
  • New
  • Posts: 9
The administrator has disabled public write access.

Support for bigger monitors 5 months 5 days ago #7

  • makitso
  • makitso's Avatar
  • Offline
  • Moderator
  • Posts: 433
If your using chrome then do a shift f5 to clear the cache.
Rob
www.skatekey.net ( version 2.0.0 GitHub)
PHP 7.2.12, MySQL 5.6.40, Apache 2.2.9,
Hosted at tigertech.net
The administrator has disabled public write access.

[SOLVED] Support for bigger monitors 5 months 5 days ago #8

  • Rheydter
  • Rheydter's Avatar
  • Offline
  • New
  • Posts: 9
Problem solved.
The administrator has disabled public write access.
Do you need a web hosting solution for your webtrees site?
If you prefer a host that specialises in webtrees, the following page lists some suppliers able to provide one for you: 

[SOLVED] Support for bigger monitors 1 week 8 hours ago #9

  • jprause
  • jprause's Avatar
  • Online
  • Junior
  • Posts: 113
@makitso: how can this css be applied in webtrees-2.0.0-alpha.5 ?
Josef

local desktop:-- webtrees 1.7.11, PHP version 7.2.10, MySQL 5.7.23, Apache2 2.4.29, Linux Ubuntu 18.04 64bit
webhosting:-- webtrees 1.7.11, PHP version 7.2.10, MySQL 5.7.21
The administrator has disabled public write access.

[SOLVED] Support for bigger monitors 1 week 7 hours ago #10

  • HRN
  • HRN's Avatar
  • Offline
  • Senior
  • Posts: 318
public/css/vendor.min.css
webtrees 1.7.13 at visitusinmaputo.com/webtree PHP 7.2.9 (Modules: vytux_cousins, vytux_pages, fancy_treeview, ancestral-fan-chart)
webtrees 2.0 dev on local WampServer PHP 7.3.1
The administrator has disabled public write access.

[SOLVED] Support for bigger monitors 1 week 5 hours ago #11

  • makitso
  • makitso's Avatar
  • Offline
  • Moderator
  • Posts: 433
@jprause If your only using one theme then you can add the code to the theme.min.css file in /public/css.
If you want to have these style changes apply to all themes then that is a bit ore complex. I suggest you look at github.com/makitso/common.css for guidance.

or, you can place the code in public/css/vendor.min.css as @HRN suggested
Rob
www.skatekey.net ( version 2.0.0 GitHub)
PHP 7.2.12, MySQL 5.6.40, Apache 2.2.9,
Hosted at tigertech.net
Last Edit: 1 week 5 hours ago by makitso.
The administrator has disabled public write access.

[SOLVED] Support for bigger monitors 1 week 4 hours ago #12

  • jprause
  • jprause's Avatar
  • Online
  • Junior
  • Posts: 113
Thank you both for useful hints!
Josef

local desktop:-- webtrees 1.7.11, PHP version 7.2.10, MySQL 5.7.23, Apache2 2.4.29, Linux Ubuntu 18.04 64bit
webhosting:-- webtrees 1.7.11, PHP version 7.2.10, MySQL 5.7.21
The administrator has disabled public write access.

[SOLVED] Support for bigger monitors 1 week 4 hours ago #13

  • fisharebest
  • fisharebest's Avatar
  • Online
  • Administrator
  • Posts: 10808
There will (soon) be a way to add custom CSS and JS using the control panel.

Maybe next week.
Greg Roach - This email address is being protected from spambots. You need JavaScript enabled to view it. - fisharebest.webtrees.net
The administrator has disabled public write access.
Powered by Kunena Forum