~doyle/rgit.git

author	Jordan Doyle <jordan@doyle.la>	2024-01-21 12:00:34.0 +00:00:00
committer	Jordan Doyle <jordan@doyle.la>	2024-01-21 12:00:34.0 +00:00:00
commit	235951bac8ef657817d2ae6ab23351b0b3176195 [patch]
tree	91af227632bfdd492ecd1a80fd67c5ca17782081
parent	a254a4a08146cca551382da78032e58dfc302b3d
download	235951bac8ef657817d2ae6ab23351b0b3176195.tar.gz
Add overflow-x: auto to tables

Diff

 templates/base.html         |  2 +-
 templates/index.html        |  2 ++
 statics/sass/tables.scss    | 15 +++++++++++++++
 templates/repo/commit.html  |  2 ++
 templates/repo/log.html     |  2 ++
 templates/repo/refs.html    |  2 ++
 templates/repo/summary.html |  2 ++
 templates/repo/tag.html     |  2 ++
 templates/repo/tree.html    |  2 ++
 9 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/templates/base.html b/templates/base.html
index 34eef63..ac8be2e 100644
--- a/templates/base.html
+++ a/templates/base.html
@@ -1,8 +1,8 @@
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>{% block title %}rgit{% endblock %}</title>
    <link rel="stylesheet" type="text/css" href="/style-{{ crate::GLOBAL_CSS_HASH.as_ref() }}.css" />
    {%- block head -%}{%- endblock %}
diff --git a/templates/index.html b/templates/index.html
index a15551e..e449aa0 100644
--- a/templates/index.html
+++ a/templates/index.html
@@ -1,6 +1,7 @@
{% extends "base.html" %}

{% block content %}
    <div class="table-responsive">
    <table class="repositories">
        <thead>
        <tr>
@@ -53,4 +54,5 @@
        {%- endfor %}
        </tbody>
    </table>
    </div>
{% endblock %}
diff --git a/statics/sass/tables.scss b/statics/sass/tables.scss
index 709d3e0..8ac23c6 100644
--- a/statics/sass/tables.scss
+++ a/statics/sass/tables.scss
@@ -1,11 +1,26 @@
@import 'colours';

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
}

table {
  @media (prefers-color-scheme: dark) {
    color: darken($darkModeHighlightColour, 20%);
  }

  border-collapse: collapse;

  th, td {
    white-space: nowrap;
    padding-right: 10px;

    &:last-of-type {
      padding-right: 0;
    }
  }

  th {
    text-align: left;
diff --git a/templates/repo/commit.html b/templates/repo/commit.html
index fc0d5e6..017a89b 100644
--- a/templates/repo/commit.html
+++ a/templates/repo/commit.html
@@ -9,6 +9,7 @@
{% block commit_nav_class %}active{% endblock %}

{% block content %}
<div class="table-responsive">
<table class="commit-info">
    <tbody>
    <tr>
@@ -41,6 +42,7 @@
    </tr>
    </tbody>
</table>
</div>

<h2>{{ commit.summary() }}</h2>
<pre>{{ commit.body() }}</pre>
diff --git a/templates/repo/log.html b/templates/repo/log.html
index 354bc35..f8e6b51 100644
--- a/templates/repo/log.html
+++ a/templates/repo/log.html
@@ -5,9 +5,11 @@
{% block log_nav_class %}active{% endblock %}

{% block content %}
<div class="table-responsive">
<table class="repositories">
    {% call refs::commit_table(commits) %}
</table>
</div>

{% if let Some(next_offset) = next_offset %}
<div class="mt-2 text-center">
diff --git a/templates/repo/refs.html b/templates/repo/refs.html
index af93432..6e8c919 100644
--- a/templates/repo/refs.html
+++ a/templates/repo/refs.html
@@ -1,9 +1,10 @@
{% import "macros/refs.html" as refs %}
{% extends "repo/base.html" %}

{% block refs_nav_class %}active{% endblock %}

{% block content %}
<div class="table-responsive">
<table class="repositories">
    {% call refs::branch_table(refs.heads) %}

@@ -20,4 +21,5 @@
    {%- call refs::tag_table(refs.tags) -%}
    {%- endif %}
</table>
</div>
{% endblock %}
diff --git a/templates/repo/summary.html b/templates/repo/summary.html
index 1d0b7d0..64e0a4d 100644
--- a/templates/repo/summary.html
+++ a/templates/repo/summary.html
@@ -1,9 +1,10 @@
{% import "macros/refs.html" as refs %}
{% extends "repo/base.html" %}

{% block summary_nav_class %}active{% endblock %}

{% block content %}
<div class="table-responsive">
<table class="repositories">
    {% call refs::branch_table(refs.heads.iter().take(10)) %}
    {%- if refs.heads.len() > 10 -%}
@@ -61,4 +62,5 @@
    </tbody>
    {%- endif %}
</table>
</div>
{% endblock %}
diff --git a/templates/repo/tag.html b/templates/repo/tag.html
index bbda0d6..94ef63c 100644
--- a/templates/repo/tag.html
+++ a/templates/repo/tag.html
@@ -1,7 +1,8 @@
{% import "macros/link.html" as link %}
{% extends "repo/base.html" %}

{% block content %}
<div class="table-responsive">
<table class="commit-info">
    <tbody>
    <tr>
@@ -37,6 +38,7 @@
    </tr>
    </tbody>
</table>
</div>

<pre class="h2-first-line">{{ tag.message }}</pre>
{% endblock %}
diff --git a/templates/repo/tree.html b/templates/repo/tree.html
index 7ca5e15..a17b137 100644
--- a/templates/repo/tree.html
+++ a/templates/repo/tree.html
@@ -1,8 +1,9 @@
{% extends "repo/base.html" %}

{% block tree_nav_class %}active{% endblock %}

{% block content %}
<div class="table-responsive">
<table class="repositories">
    <thead>
    <tr>
@@ -32,4 +33,5 @@
    {% endfor -%}
    </tbody>
</table>
</div>
{% endblock %}