diff options
| author | Ned Batchelder <ned@nedbatchelder.com> | 2021-10-16 19:07:57 -0400 |
|---|---|---|
| committer | Ned Batchelder <ned@nedbatchelder.com> | 2021-10-17 07:40:06 -0400 |
| commit | e0775064500aad4a8b51e50db80587be62607e3d (patch) | |
| tree | c65ca743bdad0f3b4f78661c89fac4f657f06457 /coverage/htmlfiles | |
| parent | 3e3c263485d368256130d09f218dcafb3c5599f7 (diff) | |
| download | python-coveragepy-git-e0775064500aad4a8b51e50db80587be62607e3d.tar.gz | |
refactor(html): use header/main/footer html5 elements
Diffstat (limited to 'coverage/htmlfiles')
| -rw-r--r-- | coverage/htmlfiles/index.html | 16 | ||||
| -rw-r--r-- | coverage/htmlfiles/pyfile.html | 16 | ||||
| -rw-r--r-- | coverage/htmlfiles/style.css | 16 | ||||
| -rw-r--r-- | coverage/htmlfiles/style.scss | 10 |
4 files changed, 29 insertions, 29 deletions
diff --git a/coverage/htmlfiles/index.html b/coverage/htmlfiles/index.html index 3654d66a..b5d2bcd1 100644 --- a/coverage/htmlfiles/index.html +++ b/coverage/htmlfiles/index.html @@ -22,7 +22,7 @@ </head> <body class="indexfile"> -<div id="header"> +<header> <div class="content"> <h1>{{ title|escape }}: <span class="pc_cov">{{totals.pc_covered_str}}%</span> @@ -34,9 +34,9 @@ <input id="filter" type="text" value="" placeholder="filter..." /> </form> </div> -</div> +</header> -<div class="help_panel"> +<aside class="help_panel"> <img id="panel_icon" src="keybd_open.png" alt="Hide keyboard shortcuts" /> <p class="legend">Hot-keys on this page</p> <div> @@ -52,9 +52,9 @@ <span class="key">c</span> change column sorting </p> </div> -</div> +</aside> -<div id="index"> +<main id="index"> <table class="index"> <thead> {# The title="" attr doesn"t work in Safari. #} @@ -111,16 +111,16 @@ {% if skipped_empty_msg %} <p>{{ skipped_empty_msg }}</p> {% endif %} -</div> +</main> -<div id="footer"> +<footer> <div class="content"> <p> <a class="nav" href="{{__url__}}">coverage.py v{{__version__}}</a>, created at {{ time_stamp }} </p> </div> -</div> +</footer> </body> </html> diff --git a/coverage/htmlfiles/pyfile.html b/coverage/htmlfiles/pyfile.html index e15be066..33cab95a 100644 --- a/coverage/htmlfiles/pyfile.html +++ b/coverage/htmlfiles/pyfile.html @@ -24,7 +24,7 @@ </head> <body class="pyfile"> -<div id="header"> +<header> <div class="content"> <h1>Coverage for <b>{{relative_filename|escape}}</b> : <span class="pc_cov">{{nums.pc_covered_str}}%</span> @@ -43,9 +43,9 @@ {% endif %} </h2> </div> -</div> +</header> -<div class="help_panel"> +<aside class="help_panel"> <img id="panel_icon" src="keybd_open.png" alt="Hide keyboard shortcuts" /> <p class="legend">Hot-keys on this page</p> <div> @@ -66,9 +66,9 @@ <span class="key">1</span> (one) first highlighted chunk </p> </div> -</div> +</aside> -<div id="source"> +<main id="source"> {% for line in lines -%} {% joined %} <p id="t{{line.number}}" class="{{line.css_class}}"> @@ -98,16 +98,16 @@ </p> {% endjoined %} {% endfor %} -</div> +</main> -<div id="footer"> +<footer> <div class="content"> <p> <a class="nav" href="index.html">« index</a> <a class="nav" href="{{__url__}}">coverage.py v{{__version__}}</a>, created at {{ time_stamp }} </p> </div> -</div> +</footer> </body> </html> diff --git a/coverage/htmlfiles/style.css b/coverage/htmlfiles/style.css index 7f8e32ab..8c9100c1 100644 --- a/coverage/htmlfiles/style.css +++ b/coverage/htmlfiles/style.css @@ -28,23 +28,23 @@ a.nav { text-decoration: none; color: inherit; } a.nav:hover { text-decoration: underline; color: inherit; } -#header { background: #f8f8f8; width: 100%; border-bottom: 1px solid #eee; } +header { background: #f8f8f8; width: 100%; border-bottom: 1px solid #eee; } -@media (prefers-color-scheme: dark) { #header { background: black; } } +@media (prefers-color-scheme: dark) { header { background: black; } } -@media (prefers-color-scheme: dark) { #header { border-color: #333; } } +@media (prefers-color-scheme: dark) { header { border-color: #333; } } -.indexfile #footer { margin: 1rem 3.5rem; } +.indexfile footer { margin: 1rem 3.5rem; } -.pyfile #footer { margin: 1rem 1rem; } +.pyfile footer { margin: 1rem 1rem; } -#footer .content { padding: 0; color: #666; font-style: italic; } +footer .content { padding: 0; color: #666; font-style: italic; } -@media (prefers-color-scheme: dark) { #footer .content { color: #aaa; } } +@media (prefers-color-scheme: dark) { footer .content { color: #aaa; } } #index { margin: 1rem 0 0 3.5rem; } -#header .content { padding: 1rem 3.5rem; } +header .content { padding: 1rem 3.5rem; } h1 { font-size: 1.25em; display: inline-block; } diff --git a/coverage/htmlfiles/style.scss b/coverage/htmlfiles/style.scss index 39432340..fd6394e2 100644 --- a/coverage/htmlfiles/style.scss +++ b/coverage/htmlfiles/style.scss @@ -157,7 +157,7 @@ a.nav { } // Page structure -#header { +header { background: $light-gray1; @include background-dark(black); width: 100%; @@ -165,15 +165,15 @@ a.nav { @include border-color-dark($dark-gray2); } -.indexfile #footer { +.indexfile footer { margin: 1rem $left-gutter; } -.pyfile #footer { +.pyfile footer { margin: 1rem 1rem; } -#footer .content { +footer .content { padding: 0; color: $light-gray5; @include color-dark($dark-gray5); @@ -185,7 +185,7 @@ a.nav { } // Header styles -#header .content { +header .content { padding: 1rem $left-gutter; } |