fixed version dropdown bugs
Change-Id: Ia64dfd7ae7e1fb3081d0d5de680b9afa3cab669d
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
diff --git a/app/common/directives/firmware-list.html b/app/common/directives/firmware-list.html
index d7d3385..2f1d3fc 100644
--- a/app/common/directives/firmware-list.html
+++ b/app/common/directives/firmware-list.html
@@ -45,10 +45,10 @@
</g>
</svg>
</div>
- <div class="icon__more-dropdown" ng-show="firmware.extended.show">
- <h5 class="bold">Extended version information</h5>
- <p class="no-margin" ng-repeat="version in firmware.extended.versions">{{version.title}}: {{version.version}}</p>
- </div>
+ </div>
+ <div class="icon__more-dropdown" ng-show="firmware.extended.show">
+ <h5 class="bold">Extended version information</h5>
+ <p class="no-margin" ng-repeat="version in firmware.extended.versions">{{version.title}}: {{version.version}}</p>
</div>
<div class="table__cell">
<span class="table__cell-label">Action:</span>
diff --git a/app/common/styles/base/icons.scss b/app/common/styles/base/icons.scss
index e7f9728..fe6156f 100644
--- a/app/common/styles/base/icons.scss
+++ b/app/common/styles/base/icons.scss
@@ -13,7 +13,7 @@
.icon__more {
fill: $medblue;
stroke: $medblue;
- background: $white;
+ background: transparent;
overflow: visible;
&:hover {
cursor: pointer;
diff --git a/app/configuration/styles/firmware.scss b/app/configuration/styles/firmware.scss
index 20b7817..321bb3f 100644
--- a/app/configuration/styles/firmware.scss
+++ b/app/configuration/styles/firmware.scss
@@ -82,15 +82,18 @@
right: 0;
top: 20%;
}
- &.active {
- overflow: visible;
- }
}
.icon__more-dropdown {
- width: 300px;
- top: 70%;
+ width: 100%;
+ top: 68%;
+ right: 0;
+ @include mediaQuery(medium){
+ width: 30%;
+ right: 18%;
+ top: 74%;
+ }
}
// Upload firmware