top panel css and html fix (#155)

ludeknovy · May 23, 2021 · 0526ce4 · 0526ce4
1 parent 2ff9208
commit 0526ce4
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 25 deletions.
diff --git a/src/app/top-panel/top-panel.component.html b/src/app/top-panel/top-panel.component.html
@@ -14,13 +14,9 @@
           <button class="btn text-white" id="dropdownBasic1" ngbDropdownToggle>{{selectedProject || "Project"}}</button>
           <div class="drop-area drop-area-left dropdowncustom-area dropdown-static" ngbDropdownMenu
             aria-labelledby="dropdownBasic1" *ngIf="projectsState$ | async; let projects">
-            <li *ngFor="let _ of projects">
-              <a ngbDropdownItem class="btn btn-block text-left" routerLink="/project/{{_.projectName}}/scenarios"
+              <a *ngFor="let _ of projects" ngbDropdownItem class="btn btn-block text-left text-white" routerLink="/project/{{_.projectName}}/scenarios"
                 routerLinkActive="active" (click)="changeSelectedProject(_.projectName)">{{_.projectName}}</a>
-            </li>
-            <li>
               <app-add-project [topMenu]="true">New Project</app-add-project>
-            </li>
           </div>
         </div>
       </li>
@@ -31,19 +27,15 @@
       </button>
       <div class="drop-area drop-area-left dropdowncustom-area dropdown-dynamic" ngbDropdownMenu
         aria-labelledby="dropdownSettings">
-        <li>
-          <a ngbDropdownItem class="btn btn-block text-left" [routerLink]="['/administration/projects']"><i
+          <a ngbDropdownItem class="btn btn-block text-left text-white" [routerLink]="['/administration/projects']"><i
               class="fas fa-cog icon"></i>Administrate</a>
-        </li>
-        <li>
-          <a ngbDropdownItem class="btn btn-block text-left" href="/api-docs" target="_blank"><i
+
+          <a ngbDropdownItem class="btn btn-block text-left text-white" href="/api-docs" target="_blank"><i
               class="far fa-question-circle icon"></i>Api docs</a>
-        </li>
-        <li>
-          <a ngbDropdownItem class="btn btn-block text-left" [routerLink]="['/login']"><i
+
+          <a ngbDropdownItem class="btn btn-block text-left text-white" [routerLink]="['/login']"><i
               class="fas fa-sign-out-alt icon"></i>
             Logout</a>
-        </li>
       </div>
     </div>
   </div>

diff --git a/src/app/top-panel/top-panel.component.scss b/src/app/top-panel/top-panel.component.scss
@@ -28,12 +28,11 @@
 .drop {
   color: white;
   background-color: #2f353a;
-  border: 0px;
   padding: 6px 8px 6px 16px;
   text-decoration: none;
   font-size: 15px;
   display: block;
-  border-color: #2f353a;
+  border: 0 #2f353a;
   cursor: pointer;
 }
 
@@ -100,15 +99,6 @@ a {
   color: black
 }
 
-.drop-area-left li a {
-  color: white;
-}
-
-.dropdown-menu {
-  padding-top: 0px;
-  padding-bottom: 0px;
-}
-
 .navbar-toggler {
   border: none;
 }