Merge pull request #436 from wavesplatform/client-398-asset-info

client-398-asset-info: layout fix
wavesplatform · Jan 22, 2018 · 4c44b03 · 4c44b03
2 parents b8f1532 + d95d70a
commit 4c44b03
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/src/modules/utils/modals/assetInfo/assetInfo.html b/src/modules/utils/modals/assetInfo/assetInfo.html
@@ -47,7 +47,7 @@ <h4 class="basic-900">{{::$ctrl.asset.name}}</h4>
                 <div class="body-2 basic-700" w-i18n="modal.assetInfo.date"></div>
                 <div class="footnote-1 basic-500">{{::$ctrl.asset.timestamp | date:'dd.MM.yyyy hh:mm'}}</div>
             </div>
-            <div ng-if="$ctrl.asset.description" class="line">
+            <div ng-if="$ctrl.asset.description" class="line line-description">
                 <div class="body-2 basic-700" w-i18n="modal.assetInfo.description"></div>
                 <div class="footnote-1 basic-500">{{::$ctrl.asset.description}}</div>
             </div>

diff --git a/src/modules/utils/modals/assetInfo/assetInfo.less b/src/modules/utils/modals/assetInfo/assetInfo.less
@@ -8,7 +8,7 @@ html body md-dialog.asset-info-modal {
   }
 
   .chart-wrapper {
-    opacity: 0.5;
+    opacity: 0.2;
     position: relative;
     margin-left: -40px;
     margin-right: -40px;
@@ -34,6 +34,13 @@ html body md-dialog.asset-info-modal {
       overflow-y: auto;
       max-height: calc(~'74vh - 300px');
     }
+
+    .one-line {
+      max-height: 1.3em;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
   }
 
   .padding-content .tab-tem {
@@ -47,6 +54,11 @@ html body md-dialog.asset-info-modal {
       padding: 5px 0;
       align-items: center;
 
+      &-description div:last-child {
+        padding-top: 6px;
+        min-height: 30px;
+      }
+
       &:last-child {
         border-bottom: 0 none;
       }
@@ -55,6 +67,7 @@ html body md-dialog.asset-info-modal {
         width: 120px;
         align-items: center;
         display: flex;
+        align-self: flex-start;
       }
 
       & > div:last-child {