benjamin wil
4fcc72078b
This commit:
1. Updates all main templates to use the new `.header-title` class,
making these titles less disruptively large on mobile devices.
2. Centers these titles for mobile breakpoints only, re-setting them
back to left-aligned text for `md-` breakpoints and up.
Note that in `lib/gollum/templates/wiki_contentf.mustache`, the
`.header-title` is not a `#head .header-title`, so it doesn't inherit
all of the new styles added in this commit.
59 lines
1.7 KiB
Plaintext
59 lines
1.7 KiB
Plaintext
<div id="wiki-wrapper" class="compare">
|
|
<div id="head">
|
|
{{>navbar}}
|
|
|
|
<h1 class="header-title text-center text-md-left py-4">
|
|
<span class="f1-light text-gray-light">
|
|
Comparing versions of
|
|
</span>
|
|
{{name}}
|
|
</h1>
|
|
</div>
|
|
|
|
{{#message}}
|
|
<p>{{message}}</p>
|
|
{{/message}}
|
|
|
|
<div id="compare-content">
|
|
|
|
<div class="py-4" id="actions">
|
|
{{#show_revert}}
|
|
{{#allow_editing}}
|
|
<form name="gollum-revert" action="{{revert_path}}/{{escaped_url_path}}/{{before}}/{{after}}" method="post" id="gollum-revert-form"></form>
|
|
<span class="pb-4">
|
|
<button class="btn btn-sm" type="submit" onclick="$('#gollum-revert-form').submit()">Revert Changes</button>
|
|
</span>
|
|
{{/allow_editing}}
|
|
{{/show_revert}}
|
|
<a href="{{history_path}}/{{escaped_url_path}}" class="btn btn-sm action-page-history">Back to Page History</a>
|
|
</div>
|
|
|
|
<div class="Box data highlight">
|
|
<div class="Box-header Box--condensed Box-header--gray">{{path}} <span class="px-2 float-right">Comparing {{before}} to {{after}}</span></div>
|
|
<table >
|
|
{{#lines}}
|
|
<tr>
|
|
<td class="line_numbers">{{ldln}}</td>
|
|
<td class="line_numbers">{{rdln}}</td>
|
|
<td>
|
|
<div class="{{class}} pl-2">{{line}}</div>
|
|
</td>
|
|
</tr>
|
|
{{/lines}}
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="pt-4" id="footer">
|
|
{{#show_revert}}
|
|
{{#allow_editing}}
|
|
<span class="pt-4"><button class="btn btn-sm gollum-revert-button" type="submit" onclick="$('#gollum-revert-form').submit()">Revert Changes</button></span>
|
|
{{/allow_editing}}
|
|
{{/show_revert}}
|
|
<div class="pt-4">
|
|
<a href="#">Back to Top</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|