Left to fix: responsiveness for sm

fjelltopp · Sep 18, 2024 · 7e4d914 · 7e4d914
1 parent 263eff4
commit 7e4d914
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 31 deletions.
diff --git a/ckanext/fjelltopp_theme/assets/css/fjelltopp-theme.scss b/ckanext/fjelltopp_theme/assets/css/fjelltopp-theme.scss
@@ -2869,24 +2869,6 @@ div.main.group-read .group-read-packages,
  }
 }
 
-@media only screen and (min-width: 282px) {
- .promoted-breadcrumbs .toolbar .breadcrumb,
- .promoted-breadcrumbs .toolbar .profile-page.breadcrumb {
- position: absolute;
- bottom: 150px;
- }
-
- .group.promoted-breadcrumbs .toolbar .breadcrumb,
- .group.promoted-breadcrumbs .toolbar .profile-page.breadcrumb,
- .organization.promoted-breadcrumbs .toolbar .breadcrumb,
- .organization.promoted-breadcrumbs .toolbar .profile-page.breadcrumb,
- .any-other.promoted-breadcrumbs .toolbar .breadcrumb,
- .any-other.promoted-breadcrumbs .toolbar .profile-page.breadcrumb,
- {
- position: absolute;
- bottom: 85px;
- }
-}
 
 /* organization breadcrumb responsiveness */
 @media only screen and (max-width: 471px) {

diff --git a/ckanext/fjelltopp_theme/templates/page.html b/ckanext/fjelltopp_theme/templates/page.html
@@ -1,22 +1,48 @@
 {% ckan_extends %}
 
 {% block content %}
- {% block promoted_toolbar %}
- <div class="promoted-background promoted-breadcrumbs dynamic-wave-background">
- <div class="container">
- <div class="toolbar" role="navigation" aria-label="{{ _('Breadcrumb') }}">
- {% block breadcrumb %}
- {% if self.breadcrumb_content() | trim %}
- <ol class="breadcrumb">
- {% snippet 'snippets/home_breadcrumb_item.html' %}
- {% block breadcrumb_content %}{% endblock %}
- </ol>
- {% endif %}
- {% endblock %}
+{% block promoted_toolbar %}
+
+<div class="any-other promoted-background promoted-breadcrumbs dynamic-wave-background">
+
+ <div class="container">
+ <div class="toolbar" role="navigation" aria-label="{{ _('Breadcrumb') }}">
+ <div class="container">
+ <div class="promoted">
+ <div class="promoted-container container">
+ <div class="package-subtitle-and-action">
+ <div class="mini-breadcrumb">
+ {% block breadcrumb %}
+ {% if self.breadcrumb_content() | trim %}
+ <ol class="profile-page breadcrumb">
+ {% snippet 'snippets/home_breadcrumb_item.html' %}
+ {% block breadcrumb_content %}
+ {% endblock %}
+ </ol>
+ {% endif %}
+ {% endblock %}
+ </div>
+ {% if self.content_action() | trim %}
+ <div class="content_action">
+ {% block content_action %}
+ {{ super() }}
+ {% endblock %}
+ </div>
+ {% endif %}
+ </div>
+ </div>
+ </div>
  </div>
  </div>
+ {% if not 'dashboard' in request.path %}
+ <ul class="nav nav-tabs">
+ {% block content_primary_nav %}
+ {% endblock %}
+ </ul>
+ {% endif %}
  </div>
- {% endblock %}
+</div>
+{% endblock %}
 
  {{ super() }}