Oak

Check-in [043b69a803]
Login

Check-in [043b69a803]

Many hyperlinks are disabled.
Use anonymous login to enable hyperlinks.

Overview
Comment:fix(ui): Remove flickering on reload
Downloads: Tarball | ZIP archive | SQL archive
Timelines: family | ancestors | descendants | both | trunk
Files: files | file ages | folders
SHA3-256: 043b69a80316b4c372be8f8861df188d2abaf8c0c6acc12c08269551caab4539
User & Date: carlos 2023-09-15 08:53:56
Context
2023-09-15
18:44
fix(ui): Improve dashboard wording check-in: c916f527d2 user: carlos tags: trunk
08:53
fix(ui): Remove flickering on reload check-in: 043b69a803 user: carlos tags: trunk
08:45
feat(ui): Add dark mode check-in: 6d07321293 user: carlos tags: trunk
Changes
Hide Diffs Unified Diffs Ignore Whitespace Patch

Changes to www/templates/_base.html.tera.

︙︙
18
19
20
21
22
23
24


25
26
27
28
29
30
31


    <!-- JQuery must be loaded early, because part of the templating in onetime is using $() -->
    <script src="js/jquery-3.6.0.min.js"></script>

    <link rel="icon" type="image/svg" href="oak-logo.svg">
  </head>
  <body class="bg-body-secondary d-flex flex-column min-vh-100">



    {% include "_nav-primary" %}

    <div class="nav-scroller bg-body-secondary py-3">

      <nav class="nav nav-links justify-content-center" aria-label="Secondary navigation">









>
>








18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33


    <!-- JQuery must be loaded early, because part of the templating in onetime is using $() -->
    <script src="js/jquery-3.6.0.min.js"></script>

    <link rel="icon" type="image/svg" href="oak-logo.svg">
  </head>
  <body class="bg-body-secondary d-flex flex-column min-vh-100">
  <!-- Set color mode right after the body tag, to avoid flickering on reload -->
  <script src="js/custom-color-modes.js"></script>

    {% include "_nav-primary" %}

    <div class="nav-scroller bg-body-secondary py-3">

      <nav class="nav nav-links justify-content-center" aria-label="Secondary navigation">
︙︙
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68

    <script src="js/billboard.min.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>
    <script src="js/bootstrap-table.min.js"></script>
    <script src="js/dayjs.min.js"></script>
    <script src="js/dayjs/plugin/duration.js"></script>
    <script src="js/dayjs/plugin/relativeTime.js"></script>
    <script src="js/oak.js"></script>
    <script src="js/custom-color-modes.js"></script>
    {% block page_js %}{% endblock page_js %}


    <div class="container mt-auto">
      <footer class="py-3">
        <ul class="nav justify-content-center">
          <li class="nav-item"><a href="/feedback.html" class="nav-link px-3 text-muted">Send Feedback</a></li>








<








56
57
58
59
60
61
62

63
64
65
66
67
68
69

    <script src="js/billboard.min.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>
    <script src="js/bootstrap-table.min.js"></script>
    <script src="js/dayjs.min.js"></script>
    <script src="js/dayjs/plugin/duration.js"></script>
    <script src="js/dayjs/plugin/relativeTime.js"></script>
    <script src="js/oak.js"></script>

    {% block page_js %}{% endblock page_js %}


    <div class="container mt-auto">
      <footer class="py-3">
        <ul class="nav justify-content-center">
          <li class="nav-item"><a href="/feedback.html" class="nav-link px-3 text-muted">Send Feedback</a></li>
︙︙