From 818776e0854f5f723a08ab0ddaffe00f8b85a67c Mon Sep 17 00:00:00 2001 From: Bryan Newbold Date: Mon, 25 Jan 2021 18:21:19 -0800 Subject: html: several UI fixes and tweaks - title and highlight box misalignment - circle buttons ("action bar") alignment to left on mobile - vertical alignment of action bar and access buttons on mobile - smaller whitespace when no highlight/abstract --- fatcat_scholar/static/scholar.css | 36 +++++++++++++++++++++-------- fatcat_scholar/templates/base.html | 2 +- fatcat_scholar/templates/search.html | 2 +- fatcat_scholar/templates/search_macros.html | 21 ++++++++--------- 4 files changed, 37 insertions(+), 24 deletions(-) diff --git a/fatcat_scholar/static/scholar.css b/fatcat_scholar/static/scholar.css index d7a9818..7c78505 100644 --- a/fatcat_scholar/static/scholar.css +++ b/fatcat_scholar/static/scholar.css @@ -70,8 +70,15 @@ nav.ui.menu { } @media only screen and (max-width: 767px) { - .mobile-hide { display: none !important; } - .ui.items>.item>.image:not(.ui) { width: auto }; + .action-bar { + justify-content: left; + } + .mobile-hide { + display: none !important; + } + .ui.items>.item>.image:not(.ui) { + width: auto + }; } @media only screen and (min-width: 768px) { .mobile-only { display: none !important; } @@ -163,7 +170,6 @@ nav.ui.menu { font-weight: bold; } .search-highlights { - padding-top: 0.5em; padding-bottom: 0.5em } @@ -171,10 +177,10 @@ nav.ui.menu { margin-top: 0.2em; } -.search_filters summary::marker { +.search-filters summary::marker { display: none; } -.search_filters summary::-webkit-details-marker { +.search-filters summary::-webkit-details-marker { display: none; } @@ -203,16 +209,17 @@ a:hover .ui.card { display: inline-block; } -details.access-options summary { +details.title-dropdown summary { text-decoration: none; color: inherit; + margin-left: 0; + margin-bottom: 0.3em; } -details.access-options .menu { - margin: 0.5em; - margin-top: 1.5em; +details.title-dropdown .dropdown-menu { + margin-top: 1.0em; width: auto; } -details.access-options .meta { +details.title-dropdown .meta { width: 100%; white-space: nowrap; overflow: hidden; @@ -225,6 +232,14 @@ details.access-options .meta { padding-right: 0.5em; min-width: 10em; } +@media only screen and (max-width: 767px) { + .ui.stackable.grid > .column.biblio-record { + padding-bottom: 0.5em!important; + } + .ui.stackable.grid > .column.serp-right-col { + padding-top: 0!important; + } +} details.serp-action-menu[open] > summary .ui.basic.button { box-shadow: 0 0 0 1px rgba(0,0,0,.15) inset, 0 1px 4px 0 rgba(34,36,38,.15) inset; @@ -278,6 +293,7 @@ details.serp-action-menu > .citation-menu { .external-identifiers > a { color: green; + margin-right: 0.25em; } .translate-icon { diff --git a/fatcat_scholar/templates/base.html b/fatcat_scholar/templates/base.html index 85ddd25..af73d10 100644 --- a/fatcat_scholar/templates/base.html +++ b/fatcat_scholar/templates/base.html @@ -52,7 +52,7 @@ Internet Archive - alpha + alpha
diff --git a/fatcat_scholar/templates/search.html b/fatcat_scholar/templates/search.html index a4a5ba4..2f2149e 100644 --- a/fatcat_scholar/templates/search.html +++ b/fatcat_scholar/templates/search.html @@ -31,7 +31,7 @@
-
+
{{ _("Filters") }}
{{ search_macros.query_option(query.time_options, query.filter_time) }} diff --git a/fatcat_scholar/templates/search_macros.html b/fatcat_scholar/templates/search_macros.html index 0f43142..0e6b3f0 100644 --- a/fatcat_scholar/templates/search_macros.html +++ b/fatcat_scholar/templates/search_macros.html @@ -31,25 +31,25 @@ {# NOTE: should be able to call with paper.biblio or any paper.release[] #} {% if biblio.doi %} - doi:{{ biblio.doi }}   + doi:{{ biblio.doi }} {% endif %} {% if biblio.pmid %} - pmid:{{ biblio.pmid }}   + pmid:{{ biblio.pmid }} {% endif %} {% if biblio.pmcid %} - pmcid:{{ biblio.pmcid }}   + pmcid:{{ biblio.pmcid }} {% endif %} {% if biblio.arxiv_id %} - arXiv:{{ biblio.arxiv_id }}   + arXiv:{{ biblio.arxiv_id }} {% endif %} {% if biblio.dblp_id %} - dblp:{{ biblio.dblp_id }}   + dblp:{{ biblio.dblp_id }} {% endif %} {% if biblio.doaj_id %} - doaj:{{ biblio.doaj_id }}   + doaj:{{ biblio.doaj_id }} {% endif %} {% if biblio.release_ident or biblio.ident %} - fatcat:{{ biblio.release_ident or biblio.ident }}   + fatcat:{{ biblio.release_ident or biblio.ident }} {% endif %} {% endmacro %} @@ -173,7 +173,7 @@
-
+
{# ### TITLE ROW #}

@@ -230,7 +230,7 @@ {{ journal_row(paper.biblio, paper) }}

-
+
{# ### FULLTEXT ACCESS OPTIONS #}

{% trans %}Preserved Fulltext{% endtrans %} @@ -302,7 +302,6 @@
{% for release in paper.releases if release.ident == paper.fulltext.release_ident %} {{ journal_row(release, paper) }} -
{{ external_identifiers(release) }} {% endfor %}
@@ -379,8 +378,6 @@ {{ paper.abstracts[0].body }} {% endif %}

- {% else %} -
{% endif %} {# ### IDENTIFIERS #} -- cgit v1.2.3