Mercurial > libervia-templates
comparison sat_templates/templates/bulma/base/base.html @ 289:f1a39607d6a5
bulma (base/base.html): `full_screen_body` parameter + body_wrapper:
- if `full_screen_body` is set in template, the `body--fullscreen` class will be added to
`<body>` element. It will then be a flexbox container (in columns), and displayed on the whole viewport.
- new `body_wrapper` block, if a page needs to replace the `#body` container.
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Mon, 28 Sep 2020 17:25:26 +0200 |
| parents | cf3fcbc797bc |
| children | 1de599c5a68f |
comparison
equal
deleted
inserted
replaced
| 288:9731b71ffa53 | 289:f1a39607d6a5 |
|---|---|
| 70 | 70 |
| 71 {% block favicon %} | 71 {% block favicon %} |
| 72 <link rel="icon" href="{{media_path}}icons/apps/64/sat.png"> | 72 <link rel="icon" href="{{media_path}}icons/apps/64/sat.png"> |
| 73 {% endblock favicon %} | 73 {% endblock favicon %} |
| 74 </head> | 74 </head> |
| 75 <body{{ {'onload': body_onload} | xmlattr }}> | 75 <body{{ {'onload': body_onload} | xmlattr }}{{ ' class="body--fullscreen"'|safe if full_screen_body }}> |
| 76 {% if atom_url is defined %} | 76 {% if atom_url is defined %} |
| 77 {{ icon_defs('feed') }} | 77 {{ icon_defs('feed') }} |
| 78 {% endif %} | 78 {% endif %} |
| 79 {% if main_menu %} | 79 {% if main_menu %} |
| 80 {% block main_menu %} | 80 {% block main_menu %} |
| 81 {{ component.menu(main_menu, class="main_menu") }} | 81 {{ component.menu(main_menu, class="main_menu") }} |
| 82 {% endblock main_menu %} | 82 {% endblock main_menu %} |
| 83 {% endif %} | 83 {% endif %} |
| 84 {% block body_wrapper %} | |
| 84 <div id="body" class="container"> | 85 <div id="body" class="container"> |
| 85 {% if confirm %} | 86 {% if confirm %} |
| 86 <article class="message is-success mt-4"> | 87 <article class="message is-success mt-4"> |
| 87 <div class="message-header"> | 88 <div class="message-header"> |
| 88 {% trans %}Success{% endtrans %} | 89 {% trans %}Success{% endtrans %} |
| 108 {% endif %} | 109 {% endif %} |
| 109 <div id="notifs_area"></div> | 110 <div id="notifs_area"></div> |
| 110 {% block body %} | 111 {% block body %} |
| 111 {% endblock body %} | 112 {% endblock body %} |
| 112 </div> | 113 </div> |
| 114 {% endblock body_wrapper%} | |
| 113 </body> | 115 </body> |
| 114 </html> | 116 </html> |