CSS fix and arrow dropdown fix.

mandarineorg · Aug 11, 2020 · 7ced3ba · 7ced3ba
1 parent c4b1fa3
commit 7ced3ba
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 9 deletions.
diff --git a/app/mandarine-static/index.html b/app/mandarine-static/index.html
@@ -36,5 +36,5 @@
 <link rel="stylesheet" href="styles.ea595a97ddafe18a6ae8.css"></head>
 <body class="mat-typography">
   <app-root></app-root>
-<script src="runtime.e227d1a0e31cbccbf8ec.js" defer></script><script src="polyfills.a4021de53358bb0fec14.js" defer></script><script src="scripts.be6e4ec26555dcf1e8b3.js" defer></script><script src="main.824722de22a0f2a2d94f.js" defer></script></body>
+<script src="runtime.e227d1a0e31cbccbf8ec.js" defer></script><script src="polyfills.a4021de53358bb0fec14.js" defer></script><script src="scripts.be6e4ec26555dcf1e8b3.js" defer></script><script src="main.6f8cd63292e684423b47.js" defer></script></body>
 </html>
diff --git a/...arine-static/main.824722de22a0f2a2d94f.js → ...arine-static/main.6f8cd63292e684423b47.js b/...arine-static/main.824722de22a0f2a2d94f.js → ...arine-static/main.6f8cd63292e684423b47.js
diff --git a/mandarine-org-web/src/app/components/pages/docs/docs.component.html b/mandarine-org-web/src/app/components/pages/docs/docs.component.html
@@ -5,8 +5,8 @@
     <!-- Sidebar -->
     <div class="bg-light border-right" id="sidebar-wrapper">
       <div class="sidebar-heading">Documentation </div>
-      <hr>
-      <div style="margin-left: 8%;">
+      <hr style="margin-top: 0.3rem;">
+      <div style="margin-left: 8%; margin-bottom: -1rem;">
       <mat-form-field appearance="fill">
         <mat-label>{{data.docVersion || "Master" }}</mat-label>
         <mat-select (selectionChange)="this.dropdownVersionChange($event)" name="Master">
@@ -25,8 +25,8 @@
         <ng-template #menuItem let-item="item" let-isChildren="isChildren" let-hasChildren="hasChildren" let-parentItem="parentItem">
           <div (click)="toggleMenuItems($event, item, parentItem)">
             <span style="{{ isChildren == true ? 'font-size: 16px;' : 'margin-bottom: 2.5px; font-size: 20px; color: #ea4c28;' }}">{{ item.title }}</span>
-            <ng-container *ngIf="hasChildren">
-              <img id="{{item.title}}-toggle-arrow" class="menu-arrow down" src="assets/images/doc-arrow-up.svg" />
+            <ng-container *ngIf="isChildren && hasChildren">
+              <img id="{{this.getToggeableId(item, parentItem, 'toggle-arrow')}}" class="menu-arrow down" src="assets/images/doc-arrow-up.svg" />
             </ng-container>
           </div>
         </ng-template>
@@ -45,11 +45,9 @@
                   </a>
                 </ng-container>
 
-
-
                 <ng-container *ngIf="item.children && item.children.length > 0">
                   <ul id="{{this.getToggeableId(item, parentItem, 'toggeable')}}" class="{{ hasChildren ? 'hide-el' : 'show-el' }}">
-                    <ng-container *ngTemplateOutlet="recursiveMenu; context: { list: item.children, children: true, hasChildren: (item.children && item.children.length > 0) }"></ng-container>
+                    <ng-container *ngTemplateOutlet="recursiveMenu; context: { list: item.children, children: true, hasChildren: (item.children && item.children.length > 0), parentItem: item }"></ng-container>
                   </ul>
                 </ng-container>
               </li>