Make war-stats dropdown scrollable

2017-07-10 19:53:36 +02:00 · 2017-07-10 19:53:36 +02:00 · 00edd2ff57
parent 6e015934b3
commit 00edd2ff57
2 changed files with 7 additions and 1 deletions
--- a/static/src/app/app.component.css
+++ b/static/src/app/app.component.css
@ -22,3 +22,9 @@ li {
  float: left;
  width: calc(100% - 400px);
 }
+
+.scrollable-menu {
+  height: auto;
+  max-height: 200px;
+  overflow-x: hidden;
+}
--- a/static/src/app/app.component.html
+++ b/static/src/app/app.component.html
@ -27,7 +27,7 @@
              Schlacht Statistik
              <span class="caret"></span>
            </a>
-            <ul class="dropdown-menu">
+            <ul class="dropdown-menu scrollable-menu">
              <li *ngFor="let war of wars">
                <a [routerLink]="['/cc-wars/' + war._id]">{{war.title}} <small>{{war.date | date: 'dd.MM.yy'}}</small></a>
              </li>