summaryrefslogtreecommitdiffstats
path: root/python/fatcat_web/templates/base.html
diff options
context:
space:
mode:
authorBryan Newbold <bnewbold@robocracy.org>2019-06-27 12:22:16 -0700
committerBryan Newbold <bnewbold@robocracy.org>2019-06-27 12:22:16 -0700
commit5d9d3b5985991167f53cc07ba3b33b560db9bcac (patch)
treec7b4eea7d350d8d7c3235375b2c87691d07c220b /python/fatcat_web/templates/base.html
parent847304be39c01ab7ca82dbc81ef92c1459e0ed23 (diff)
downloadfatcat-5d9d3b5985991167f53cc07ba3b33b560db9bcac.tar.gz
fatcat-5d9d3b5985991167f53cc07ba3b33b560db9bcac.zip
webface UI tweaks, mostly for mobile
Diffstat (limited to 'python/fatcat_web/templates/base.html')
-rw-r--r--python/fatcat_web/templates/base.html16
1 files changed, 10 insertions, 6 deletions
diff --git a/python/fatcat_web/templates/base.html b/python/fatcat_web/templates/base.html
index ba62eaba..b853f413 100644
--- a/python/fatcat_web/templates/base.html
+++ b/python/fatcat_web/templates/base.html
@@ -2,7 +2,8 @@
<html lang="en" style="position: relative; min-height: 100%; height: auto;">
<head>
<meta charset="utf-8" />
- <meta name="viewport" content="width=device-width">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="referrer" content="origin-when-cross-origin">
<title>{%- block title -%}
{%- if config.FATCAT_DOMAIN.startswith('qa.') -%}
@@ -12,14 +13,17 @@
{%- endif -%}
fatcat!
{%- endblock -%}</title>
- <meta name="referrer" content="origin-when-cross-origin">
- <meta name="viewport" content="width=device-width, initial-scale=1">
+
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.1/dist/semantic.min.css"
crossorigin="anonymous">
<style>
{# bnewbold: fix light grey bars in header #}
.ui.inverted.menu .item:before { background: none; }
+
+ @media only screen and (max-width: 479px) {
+ .mobile-hide{ display: none !important; }
+ }
</style>
{% block extra_head %}{% endblock %}
</head>
@@ -44,9 +48,9 @@
<!-- <img class="logo" src="assets/images/logo.png"> -->
fatcat!
</a>
- <a href="/about" class="item">About</a>
- <a href="https://guide.{{ config.FATCAT_DOMAIN }}/" class="item">Guide</a>
- <a href="/changelog" class="item">Changelog</a>
+ <a href="/about" class="item mobile-hide">About</a>
+ <a href="https://guide.{{ config.FATCAT_DOMAIN }}/" class="item mobile-hide">Guide</a>
+ <a href="/changelog" class="item mobile-hide">Changelog</a>
<div class="right menu">
<div class="item" style="padding: 0;">
<form class="" action="/search" method="get" role="search" aria-label="Papers">