diff options
| author | Bryan Newbold <bnewbold@robocracy.org> | 2019-06-27 12:22:16 -0700 |
|---|---|---|
| committer | Bryan Newbold <bnewbold@robocracy.org> | 2019-06-27 12:22:16 -0700 |
| commit | 5d9d3b5985991167f53cc07ba3b33b560db9bcac (patch) | |
| tree | c7b4eea7d350d8d7c3235375b2c87691d07c220b /python/fatcat_web/templates/base.html | |
| parent | 847304be39c01ab7ca82dbc81ef92c1459e0ed23 (diff) | |
| download | fatcat-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.html | 16 |
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"> |