Merge pull request #891 from mobi/GOP-767-CHORE-action_sheet_design_c…

…hanges Changes [CHORE] 767 action sheet design changes #767
mobi · Mar 30, 2023 · 6cfe8df · 6cfe8df
2 parents c8f8712 + 4af91fe
commit 6cfe8df
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 9 deletions.
diff --git a/projects/go-lib/src/lib/components/go-action-sheet/go-action-sheet.component.scss b/projects/go-lib/src/lib/components/go-action-sheet/go-action-sheet.component.scss
@@ -10,13 +10,13 @@ $as-before-box-diag-width: 21.21px;
   position: relative;
 
   &__scroll-container {
-    max-height: 375px;
-    overflow: auto;
+    overflow: hidden;
   }
 
   &__content {
     border-radius: $global-radius;
-    overflow: hidden;
+    max-height: 375px;
+    overflow: auto;
   }
 
   &__content-container {

diff --git a/projects/go-lib/src/lib/components/go-action-sheet/go-panel/go-panel.component.scss b/projects/go-lib/src/lib/components/go-action-sheet/go-panel/go-panel.component.scss
@@ -61,12 +61,8 @@ $theme-light-transparentized: rgba($theme-light-color, .5);
       color: $ui-color-negative;
     }
 
-    .go-panel {
-      &__title {
-        & &-text {
-          color: $ui-color-negative;
-        }
-      }
+    .go-panel__title-text {
+      color: $ui-color-negative;
     }
   }
 

diff --git a/projects/go-lib/src/lib/components/go-side-nav/go-side-nav/go-side-nav.component.html b/projects/go-lib/src/lib/components/go-side-nav/go-side-nav/go-side-nav.component.html
@@ -40,6 +40,7 @@
           <p class="go-side-nav__app-drawer--launch">{{ appDrawerHeader }}</p>
         </go-panel>
         <go-panel
+          class="go-side-nav__app-drawer--items"
           *ngFor="let appDrawerItem of (navAppDrawer?.appDrawerConfig || [])"
           [icon]="appDrawerItem.icon"
           [panelContent]="appDrawerItem.displayName"

diff --git a/projects/go-lib/src/lib/components/go-side-nav/go-side-nav/go-side-nav.component.scss b/projects/go-lib/src/lib/components/go-side-nav/go-side-nav/go-side-nav.component.scss
@@ -103,5 +103,11 @@
         background: $theme-light-bg;
       }
     }
+
+    &--items {
+      span.go-panel__title-text {
+        font-family: $secondary-font-stack !important;
+      }
+    }
   }
 }
diff --git a/projects/go-style-guide/src/app/app.component.html b/projects/go-style-guide/src/app/app.component.html
@@ -8,10 +8,12 @@
         </ng-container>
         <ng-container go-action-sheet-content>
           <go-panel
+          class="go-action-sheet-items"
             panelContent="GitHub"
             externalLink="https://github.com/mobi/goponents">
           </go-panel>
           <go-panel
+          class="go-action-sheet-items"
             panelContent="NPM"
             externalLink="https://www.npmjs.com/package/@tangoe/goponents">
           </go-panel>

diff --git a/projects/go-style-guide/src/app/app.component.scss b/projects/go-style-guide/src/app/app.component.scss
@@ -104,3 +104,9 @@ code {
   border-radius: $global-radius;
   padding: $column-gutter;
 }
+
+.go-action-sheet-items {
+  span.go-panel__title-text {
+    font-family: $secondary-font-stack !important;
+  }
+}