mirror of
https://github.com/webrecorder/pywb.git
synced 2025-03-15 00:03:28 +01:00
UI: tweak query page to be responsive (#515)
This commit is contained in:
parent
02cc7035e8
commit
44dcd39c02
@ -391,7 +391,7 @@ RenderCalendar.prototype.createContainers = function() {
|
|||||||
// years column and initial display structure
|
// years column and initial display structure
|
||||||
{
|
{
|
||||||
tag: 'div',
|
tag: 'div',
|
||||||
className: 'col-2 pr-1 pl-1 h-100',
|
className: 'col-12 col-sm-2 pr-1 pl-1 h-100',
|
||||||
child: {
|
child: {
|
||||||
tag: 'div',
|
tag: 'div',
|
||||||
className: 'list-group h-100 auto-overflow',
|
className: 'list-group h-100 auto-overflow',
|
||||||
@ -405,7 +405,7 @@ RenderCalendar.prototype.createContainers = function() {
|
|||||||
// months initial structure
|
// months initial structure
|
||||||
{
|
{
|
||||||
tag: 'div',
|
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: {
|
child: {
|
||||||
tag: 'div',
|
tag: 'div',
|
||||||
className: 'tab-content h-100',
|
className: 'tab-content h-100',
|
||||||
@ -418,7 +418,7 @@ RenderCalendar.prototype.createContainers = function() {
|
|||||||
// days initial structure
|
// days initial structure
|
||||||
{
|
{
|
||||||
tag: 'div',
|
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: {
|
child: {
|
||||||
tag: 'div',
|
tag: 'div',
|
||||||
className: 'tab-content h-100',
|
className: 'tab-content h-100',
|
||||||
|
@ -2,6 +2,7 @@
|
|||||||
<html lang="{{ env.pywb_lang | default('en') }}">
|
<html lang="{{ env.pywb_lang | default('en') }}">
|
||||||
<head>
|
<head>
|
||||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8;charset=utf-8"/>
|
<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>
|
<title>{% block title %}{% endblock %}</title>
|
||||||
|
|
||||||
|
@ -15,11 +15,11 @@
|
|||||||
{% block body %}
|
{% block body %}
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="row justify-content-center">
|
<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>
|
</div>
|
||||||
<div class="container">
|
<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>
|
||||||
<div class="container mt-3 q-display" id="captures"></div>
|
<div class="container mt-3 q-display" id="captures"></div>
|
||||||
<script>
|
<script>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user