backup/pywb
1
0
Fork 0
mirror of https://github.com/webrecorder/pywb.git synced 2025-03-15 00:03:28 +01:00
Code Issues Projects Releases Activity

UI: tweak query page to be responsive (#515)

Browse Source
This commit is contained in:
mark f beasley 2019-11-01 18:30:23 -04:00 committed by Ilya Kreymer
parent 02cc7035e8
commit 44dcd39c02
3 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
pywb/static/query.js
View File

@ -391,7 +391,7 @@ RenderCalendar.prototype.createContainers = function() {
// years column and initial display structure
{
tag: 'div',
className: 'col-2 pr-1 pl-1 h-100',
className: 'col-12 col-sm-2 pr-1 pl-1 h-100',
child: {
tag: 'div',
className: 'list-group h-100 auto-overflow',
@ -405,7 +405,7 @@ RenderCalendar.prototype.createContainers = function() {
// months initial structure
{
tag: 'div',
className: 'col-2 pr-1 pl-1 h-100',
className: 'col-12 mt-2 col-sm-2 mt-sm-0 pr-1 pl-1 h-100',
child: {
tag: 'div',
className: 'tab-content h-100',
@ -418,7 +418,7 @@ RenderCalendar.prototype.createContainers = function() {
// days initial structure
{
tag: 'div',
className: 'col-8 pl-1 h-100',
className: 'col-12 mt-3 mb-3 pr-1 mt-sm-0 mb-sm-0 pr-sm-0 col-sm-8 pl-1 h-100',
child: {
tag: 'div',
className: 'tab-content h-100',

1
pywb/templates/base.html
View File

@ -2,6 +2,7 @@
<html lang="{{ env.pywb_lang | default('en') }}">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8;charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}{% endblock %}</title>

4
pywb/templates/query.html
View File

@ -15,11 +15,11 @@
{% block body %}
<div class="container-fluid">
<div class="row justify-content-center">
<h4 class="display-4 p-0">{{ _('Search Results') }}</h4>
<h4 class="display-4 text-center text-sm-left p-0">{{ _('Search Results') }}</h4>
</div>
</div>
<div class="container">
<div class="row justify-content-center mt-1" id="display-query-type-info"></div>
<div class="row justify-content-center text-center text-sm-left mt-1" id="display-query-type-info"></div>
</div>
<div class="container mt-3 q-display" id="captures"></div>
<script>