fix(api-header): tags and views overflows under the sticky navbar

fix gravitee-io/issues#3053
gravitee-io · Dec 26, 2019 · d72c711 · d72c711
1 parent 954428d
commit d72c711
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/portal/api/_api.scss b/src/portal/api/_api.scss
@@ -290,7 +290,9 @@ div#api-navbar:before{
 }
 
 
-#pageHeader.sticky #header-detail {
+#pageHeader.sticky #header-detail,
+#pageHeader.sticky #header-tags,
+#pageHeader.sticky #header-views {
   opacity: 0;
 }
 

diff --git a/src/portal/api/header/api-header.html b/src/portal/api/header/api-header.html
@@ -51,11 +51,11 @@
         <span ng-if="header.name !== 'api.endpoint'">{{::header.value}}</span>
       </li>
     </ul>
-    <div ng-if="$ctrl.Constants.portal.apis.apiHeaderShowTags.enabled && $ctrl.api.tags.length > 0">
+    <div id="header-tags" ng-if="$ctrl.Constants.portal.apis.apiHeaderShowTags.enabled && $ctrl.api.tags.length > 0">
       <h2>{{ 'api.header.tags' | translate }}</h2>
       <span ng-repeat="t in $ctrl.api.tags" class="tag-or-view">{{t}}</span>
     </div>
-    <div ng-if="$ctrl.Constants.portal.apis.apiHeaderShowViews.enabled && $ctrl.api.views.length > 0">
+    <div id="header-views" ng-if="$ctrl.Constants.portal.apis.apiHeaderShowViews.enabled && $ctrl.api.views.length > 0">
       <h2>{{ 'api.header.views' | translate }}</h2>
       <span ng-repeat="v in $ctrl.api.views" class="tag-or-view">{{v}}</span>
     </div>