diff --git a/openlibrary/i18n/messages.pot b/openlibrary/i18n/messages.pot index 461212e9bba..b9e761448c8 100644 --- a/openlibrary/i18n/messages.pot +++ b/openlibrary/i18n/messages.pot @@ -1339,6 +1339,15 @@ msgstr "" msgid "This reader has chosen to make their Reading Log private." msgstr "" +#: account/mybooks.html +#, python-format +msgid "%(year_span)s reading goal" +msgstr "" + +#: account/mybooks.html account/sidebar.html +msgid "Yearly Reading Goal" +msgstr "" + #: account/mybooks.html account/sidebar.html msgid "Untitled list" msgstr "" @@ -1721,10 +1730,6 @@ msgstr "" msgid "Set %(year_span)s reading goal" msgstr "" -#: account/sidebar.html -msgid "Yearly Reading Goal" -msgstr "" - #: account/sidebar.html search/sort_options.html type/user/view.html msgid "Reading Log" msgstr "" diff --git a/openlibrary/templates/account/mybooks.html b/openlibrary/templates/account/mybooks.html index e88cfc0af86..8d4275de387 100644 --- a/openlibrary/templates/account/mybooks.html +++ b/openlibrary/templates/account/mybooks.html @@ -82,6 +82,29 @@

$title

$# Render carousel $:(mobile_carousel(loans) or empty_mobile_carousel(loans)) +
  • + $ year = current_year() + $ current_goal = get_reading_goals(year=year) + $ hidden = 'hidden' if current_goal else '' + +
  • $if public or owners_page:
  • $# Render carousel diff --git a/static/css/components/check-in.less b/static/css/components/check-in.less index dacf9488554..2ba3f6113bc 100644 --- a/static/css/components/check-in.less +++ b/static/css/components/check-in.less @@ -176,3 +176,16 @@ margin: auto; } } + +@media only screen and (max-width: @width-breakpoint-tablet) { + .reading-goal-progress { + padding: 15px 0 0; + + &__details { + display: flex; + justify-content: space-between; + width: 85%; + margin: auto; + } + } +}