Dynamically adjust recent template text based on window size (#2011)

Azure · Apr 4, 2019 · 3559c65 · 3559c65
1 parent fa9f4f9
commit 3559c65
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 7 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,9 +1,10 @@
 # 2.0.3
 
 ### Bug fixes
+* Recent templates from "my library" are a bit too long  [\#1969](https://github.com/Azure/BatchExplorer/issues/1969)
 * Job schedule with autopool fail to display [\#1995](https://github.com/Azure/BatchExplorer/issues/1995)
 * Pool graphs One Day and One Week option both have value of 1 day [\#1999](https://github.com/Azure/BatchExplorer/issues/1999)
-*  Microsoft portfolio settings not persisted  [\#2004](https://github.com/Azure/BatchExplorer/issues/2004)
+* Microsoft portfolio settings not persisted  [\#2004](https://github.com/Azure/BatchExplorer/issues/2004)
 
 # 2.0.2
 

diff --git a/package-lock.json b/package-lock.json
diff --git a/src/app/components/gallery/home/recent-template-list/recent-template-list.html b/src/app/components/gallery/home/recent-template-list/recent-template-list.html
@@ -2,11 +2,12 @@
     <div *ngFor="let recent of recentSubmissions;trackBy: trackTemplate">
         <bl-clickable (do)="run(recent)" class="submission">
             <span class="label">{{recent.name}}</span>
-            <span class="mode">({{formatMode(recent.mode)}})</span>
-        </bl-clickable>
-        <bl-clickable class="download">
-            <span (click)="createParameterFile(recent)" title="Export template parameter file">
-                <i class="fa fa-download"></i>
+            <span class="mode">({{formatMode(recent.mode)}})
+                <bl-clickable class="download">
+                    <span (click)="createParameterFile(recent)" title="Export template parameter file">
+                        <i class="fa fa-download"></i>
+                    </span>
+                </bl-clickable>
             </span>
         </bl-clickable>
     </div>

diff --git a/src/app/components/gallery/home/recent-template-list/recent-template-list.scss b/src/app/components/gallery/home/recent-template-list/recent-template-list.scss
@@ -22,6 +22,7 @@ bl-recent-template-list {
         .mode {
             margin-left: 3px;
             color: $secondary-text;
+            white-space: nowrap;
         }
 
         &:hover {
@@ -44,4 +45,5 @@ bl-recent-template-list {
     .no-recent {
         margin: 10px;
     }
+
 }