fix(dropdowns): dropup misplaced temp fix

Author: xidedix

src/app/views/buttons/dropdowns.component.css

@@ -0,0 +1,3 @@
+.dropup .dropdown-menu {
+  transform: none!important;
+}

src/app/views/buttons/dropdowns.component.html

@@ -162,10 +162,10 @@
         </div>
         <div class="card-body">
           <div class="btn-group" dropdown [dropup]="isDropup">
-            <button dropdownToggle type="button" class="btn btn-primary dropdown-toggle">
+            <button id="button-dropup" dropdownToggle type="button" class="btn btn-primary dropdown-toggle">
               Dropup <span class="caret"></span>
             </button>
-            <ul *dropdownMenu class="dropdown-menu" role="menu">
+            <ul id="dropdown-dropup" *dropdownMenu class="dropdown-menu" role="menu" aria-labelledby="button-dropup">
               <li role="menuitem"><a class="dropdown-item" href="#">Action</a></li>
               <li role="menuitem"><a class="dropdown-item" href="#">Another action</a>
               </li>

src/app/views/buttons/dropdowns.component.ts

@@ -2,6 +2,7 @@ import { Component } from '@angular/core';
 
 @Component({
   templateUrl: 'dropdowns.component.html',
+  styleUrls: ['dropdowns.component.css']
 })
 export class DropdownsComponent {