Adds UI customizations for folio-stage platform-complete.

.github/workflows/push.yml

@@ -0,0 +1,34 @@
+name: PushImage
+
+on: push
+
+permissions:
+  contents: read
+  packages: write
+
+jobs:
+  build-and-push-image:
+    runs-on: ubuntu-latest
+    steps:
+
+    - name: Extract branch name
+      id: extract_branch
+      run: echo "::set-output name=branch::$(echo ${GITHUB_REF#refs/heads/})"
+
+    - name: Set up Docker Buildx
+      id: buildx
+      uses: docker/setup-buildx-action@v1
+
+    - name: Log in to the Container registry
+      uses: docker/login-action@v1
+      with:
+        registry: ghcr.io
+        username: ${{ github.repository_owner }}
+        password: ${{ secrets.GITHUB_TOKEN }}
+
+    - name: Build image and push to Docker Hub and GitHub Container Registry
+      uses: docker/build-push-action@v2
+      with:
+        push: true
+        tags: ghcr.io/sul-dlss/folio-platform-complete:${{ steps.extract_branch.outputs.branch }}
+        file: ./docker/Dockerfile

docker/Dockerfile

@@ -17,8 +17,10 @@ RUN yarn config set python /usr/bin/python3
 RUN yarn config set @folio:registry https://repository.folio.org/repository/npm-folio/
 RUN yarn install
 RUN yarn build-module-descriptors
-ARG OKAPI_URL=http://localhost:9130
-ARG TENANT_ID=diku
+COPY tenant-assets/MainNav.css node_modules/@folio/stripes-core/src/components/MainNav
+COPY tenant-assets/Pane.css node_modules/@folio/stripes-components/lib/Pane
+ARG OKAPI_URL=https://okapi-stage.stanford.edu
+ARG TENANT_ID=sul
 RUN yarn build output --okapi $OKAPI_URL --tenant $TENANT_ID
 
 # nginx stage

stripes.config.js

@@ -4,6 +4,9 @@ module.exports = {
     logCategories: 'core,path,action,xhr',
     logPrefix: '--',
     maxUnpagedResourceCount: 2000,
+    welcomeMessage: 'FOLIO STAGE - Stanford University',
+    platformName: 'FOLIO - Stage',
+    helpUrl: 'https://sites.google.com/stanford.edu/folio-training-central/help',
     showPerms: false
   },
   modules: {
@@ -59,7 +62,6 @@ module.exports = {
     '@folio/plugin-query-builder' : {},
     '@folio/quick-marc': {},
     '@folio/receiving' : {},
-    '@folio/remote-storage' : {},
     '@folio/requests' : {},
     '@folio/servicepoints' : {},
     "@folio/service-interaction": {},
@@ -71,11 +73,11 @@ module.exports = {
   },
   branding: {
     logo: {
-      src: './tenant-assets/opentown-libraries-logo.png',
-      alt: 'Opentown Libraries',
+      src: './tenant-assets/SUSig_2color_Stree_StnfrdOnly_Left.png',
+      alt: 'Stanford University',
     },
     favicon: {
-      src: './tenant-assets/opentown-libraries-favicon.png',
+      src: './tenant-assets/stanford-favicon.png',
     },
   }
 };

tenant-assets/MainNav.css

@@ -0,0 +1,51 @@
+@import '@folio/stripes-components/lib/variables.css';
+
+:root {
+  --main-nav-min-height-desktop: 56px;
+  --main-nav-min-height-mobile: 48px;
+  --main-nav-border-bottom-color: rgba(0, 0, 0, 0.9);
+  --main-nav-background-color: rgb(233, 116, 81);
+  --main-nav-text-color: #fff;
+}
+
+.navRoot {
+  background-color: var(--main-nav-background-color);
+  border-bottom: 1px solid var(--main-nav-border-bottom-color);
+  color: var(--main-nav-text-color);
+  display: flex;
+  justify-content: space-between;
+  align-content: stretch;
+  align-items: center;
+  width: 100%;
+  flex: 0 0 auto;
+  padding: 0 var(--gutter-static-one-third);
+  min-height: var(--main-nav-min-height-desktop);
+  z-index: 99999;
+  position: relative;
+
+  & li {
+    color: var(--color-text);
+  }
+}
+
+.nowrap {
+  white-space: nowrap;
+}
+
+.startSection,
+.endSection {
+  display: flex;
+  align-items: center;
+}
+
+.endSection {
+  flex: 1;
+  justify-content: flex-end;
+  min-width: 0;
+}
+
+@media (--medium-down) {
+  .navRoot {
+    min-height: var(--main-nav-min-height-mobile);
+  }
+}

tenant-assets/Pane.css

@@ -0,0 +1,73 @@
+@import '../variables.css';
+
+.pane {
+  background: var(--bg);
+  border-right: 1px solid var(--color-border);
+  height: 100%;
+  max-height: calc(100vh - 44px);
+  display: flex;
+  flex-direction: column;
+  top: 0;
+  left: 0;
+  width: 100%;
+
+  /* transition: all .25s ease-in-out; */
+  overflow: hidden;
+  position: absolute;
+  will-change: transform;
+
+  @media print {
+    overflow: visible;
+  }
+}
+
+.focusIndicator {
+  composes: focusWithinIndicator from "../sharedStyles/focusWithinIndicator.css";
+}
+
+[dir="ltr"] .pane:last-child {
+  border-right: none;
+}
+
+[dir="rtl"] .pane:first-child {
+  border-right: none;
+}
+
+[dir="rtl"] .pane:last-child {
+  border-left: none;
+}
+
+/**
+ * Pane Content
+ */
+
+.paneContent {
+  height: 100%;
+  width: 100%;
+  overflow: auto;
+  outline: 0;
+  position: relative;
+
+  &.hasPadding {
+    padding: var(--gutter-static);
+  }
+
+  &.noOverflow {
+    overflow: hidden;
+  }
+
+  @media print {
+    overflow: visible;
+  }
+}
+
+.container {
+  max-width: var(--container-max-width);
+  margin: auto;
+}
+
+@media (--medium-up) {
+  .pane {
+    position: relative;
+  }
+}