Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

community frontpage: Fix community header and spacing issues #411

Merged
merged 1 commit into from
Jul 18, 2023
Merged

community frontpage: Fix community header and spacing issues #411

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions assets/less/zenodo-rdm/elements/container.overrides
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
.ui.container.page-subheader-outer + #communities-carousel {
margin-top: 0;
}
Empty file added assets/less/zenodo-rdm/elements/container.variables
View file
Open in desktop
Empty file.
6 changes: 6 additions & 0 deletions assets/less/zenodo-rdm/globals/site.overrides
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -114,4 +114,10 @@ a.inverted {
dt.ui.tiny.header {
font-weight: @bold;
}
}

.community-header {
.ui.medium.header {
font-size: 1.45rem;
}
}
13 changes: 6 additions & 7 deletions templates/semantic-ui/invenio_communities/frontpage.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,10 +16,10 @@
{%- endblock %}

{%- block page_body %}
<div class="ui container fluid page-subheader-outer ml-0-mobile mr-0-mobile">
<div class="ui container fluid page-subheader-outer mb-0 ml-0-mobile mr-0-mobile">
<div class="ui container centered grid page-subheader rel-pt-1">
<div class="one column row">
<div class="eight wide center aligned column mt-auto mb-auto">
<div class="sixteen wide center aligned column mt-auto mb-auto">
<h1 class="ui header mr-10">{{ _('Communities') }}</h1>
<p class="text-muted">Created and curated by Zenodo users.
{% if not current_user.is_authenticated %}
Expand Down Expand Up @@ -50,20 +50,19 @@ <h1 class="ui header mr-10">{{ _('Communities') }}</h1>

{{ communities_carousel() }}

<div class="ui container communities-frontpage rel-mt-3 rel-mb-2">
<div class="flex align-items-center">
<div class="ui container communities-frontpage rel-pt-3 rel-pb-2">
<div class="flex align-items-center rel-mb-2">
<h2 class="ui header mb-0">{{ _('New communities') }}</h2>
<a class="rel-ml-1" href="{{url_for('invenio_communities.communities_search')}}">
{{ _('See all')}}
</a>
</div>
<div class="ui divider hidden"></div>
<div id="featured-communities" class="communities-list"></div>
</div>

<div class="ui divider"></div>
<div class="ui fluid container bg-gray">
<div class="ui container rel-pt-3">
<div class="ui container rel-pt-2">
<div class="ui stackable grid" id="community-info">
<!-- TODO: Add information about communities here -->
<!-- <div class="eight wide column">
Expand All @@ -74,7 +73,7 @@ <h2 class="ui medium header text-muted">What is a community?</h2>
Etiam eu lectus purus. Mauris sed diam ullamcorper, hendrerit est nec, finibus leo. Pellentesque bibendum elit sed nunc efficitur congue. Nullam ipsum lacus, aliquam quis tempus et, hendrerit eget ligula. Nam ipsum urna, luctus dapibus velit at, vestibulum auctor lacus.
</p>
</div> -->
<div class="eight wide column">
<div class="eight wide computer sixteen wide tablet column">
<h2 class="ui medium header text-muted">Want your own community?</h2>
<p class="text-muted">
It's easy. Just click the button to get started.
Expand Down
Loading