Release 6.1.0

.circleci/config.yml

@@ -50,8 +50,7 @@ jobs:
       - run:
           name: Authentication
           command: |
-            echo -e "registry=https://$NPM_REPOSITORY" >> ~/.npmrc
-            echo -e "//$NPM_REPOSITORY:authToken=$NPM_TOKEN" >> ~/.npmrc
+            echo "//registry.npmjs.org/:_authToken=$NPM_TOKEN" >> ~/.npmrc
       - run:
           name: Publish package
           command: npm publish
@@ -90,4 +89,4 @@ workflows:
             branches:
               ignore: /.*/
             tags:
-              only: /^v.*/
+              only: /^v.*/

.github/CODEOWNERS

@@ -1 +1 @@
-*   @thinkh
+*   @anita-steiner

package.json

@@ -1,7 +1,7 @@
 {
   "name": "phovea_ui",
   "description": "Wrapper for integration of Bootstrap and FontAwesome along with a common header for Phovea apps",
-  "version": "6.0.0",
+  "version": "6.1.0",
   "author": {
     "name": "The Caleydo Team",
     "email": "[email protected]",

src/layout/builder.ts

@@ -176,7 +176,7 @@ export abstract class AParentBuilder extends ABuilder {
 
   constructor(children: IBuildAbleOrViewLike[]) {
     super();
-    this._name = 'Container';
+    this._name = '';
     children.forEach((c) => this.push(c));
   }
 

src/scss/abstracts/_variables.scss

@@ -3,13 +3,13 @@ $fa-font-path: '~@fortawesome/fontawesome-free/webfonts' !default;
 $icon-font-path: '~bootstrap-sass/assets/fonts/bootstrap/' !default;
 
 $phovea-loading-icon-url: url('~phovea_ui/dist/assets/caleydo_c_anim.svg') !default;
-$phovea-loading-icon-background: rgba(255, 255, 255, 0.26) #{$phovea-loading-icon-url} no-repeat fixed center !default;
-$phovea-loading-icon: $phovea-loading-icon-background !default; // @deprecated use $phovea-loading-icon-background instead
 
-$phovea-brand-logo-url: url('~phovea_ui/dist/assets/caleydo_c.svg') !default;
-$phovea-brand-logo-width: 50px !default;
-$phovea-brand-logo-background: transparent #{$phovea-brand-logo-url} no-repeat 0.6em 45% !default;
-$phovea-brand-logo: $phovea-brand-logo-background !default; // @deprecated use $phovea-brand-logo-background instead
+$phovea-navbar-icon-url: url('~phovea_ui/dist/assets/caleydo_c.svg') !default;
+$phovea-navbar-icon-width: 20px !default;
+$phovea-navbar-icon-top: center !default;
+
+$phovea-about-dialog-icon-url: url('~phovea_ui/dist/assets/caleydo_c.svg') !default;
+$phovea-about-dialog-icon-height: unset !default;
 
 // header navbar color (the inverse colors will be computed using sass `invert($color)`)
 $header-bg-color: #f0f0f0 !default;

src/scss/base/_base.scss

@@ -15,7 +15,7 @@ body, html {
   position: fixed;
   width: 100%;
   height: 100%;
-  background: $phovea-loading-icon;
+  background: rgba(255, 255, 255, 0.26) $phovea-loading-icon-url no-repeat fixed center;
   z-index: 999;
   top: 0;
   bottom: 0;

src/scss/components/_header_navbar.scss

@@ -25,12 +25,19 @@ nav.navbar-inverse {
 
   // caleydo logo for the app link
   .caleydo_app {
-    padding-left: 2.1em;
-    background: $phovea-brand-logo-background;
-    background-size: 20px;
-    background-origin: border-box;
     display: flex;
     align-items: center;
+    gap: 1rem;
+
+    &::before {
+      content: '';
+      display: block;
+      background: $phovea-navbar-icon-url no-repeat center $phovea-navbar-icon-top;
+      background-size: contain;
+      height: 100%;
+      width: $phovea-navbar-icon-width;
+      transform: scale(1.2);
+    }
   }
 }
 
@@ -97,10 +104,10 @@ nav.navbar-inverse {
     &::before {
       display: block;
       content: '';
-      background: transparent #{$phovea-brand-logo-url} no-repeat top center;
+      background: $phovea-about-dialog-icon-url no-repeat center top;
       background-size: contain;
-      flex-basis: $phovea-brand-logo-width;
-      min-height: $phovea-brand-logo-width;
+      flex-basis: 40px;
+      min-height: $phovea-about-dialog-icon-height;
     }
 
     p {