(myfaces-tobago) branch main updated: refactor(demo): demo-highlight

[hn...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

henningn pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/myfaces-tobago.git


The following commit(s) were added to refs/heads/main by this push:
     new ee3ca030f1 refactor(demo): demo-highlight
ee3ca030f1 is described below

commit ee3ca030f12eb653273196c470bb3d4069febb0a
Author: Henning Noeth <hn...@apache.org>
AuthorDate: Wed Apr 22 10:44:11 2026 +0200

    refactor(demo): demo-highlight
    
    If the demo is opened in a smartphone browser, many pages are too wide due to the code blocks. With this change, the code blocks are now scrollable instead of making the page too wide.
---
 tobago-example/tobago-example-demo/src/main/scss/demo.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/tobago-example/tobago-example-demo/src/main/scss/demo.scss b/tobago-example/tobago-example-demo/src/main/scss/demo.scss
index 8fc4ab240e..1949140282 100644
--- a/tobago-example/tobago-example-demo/src/main/scss/demo.scss
+++ b/tobago-example/tobago-example-demo/src/main/scss/demo.scss
@@ -49,6 +49,7 @@ .demo-data-attribute {
 }
 
 demo-highlight {
+  display: grid; //force scrollbars if there is not enough space (smartphone)
   font-size: 75%;
 }