diff options
| author | Pliable Pixels <pliablepixels@gmail.com> | 2020-09-12 07:39:11 -0400 |
|---|---|---|
| committer | Pliable Pixels <pliablepixels@gmail.com> | 2020-09-12 07:39:11 -0400 |
| commit | 06e64c0532ed50e294eed3f351c682f20e245f7e (patch) | |
| tree | adcdd4fab8f7b570f9c75b8f7fe768a16a3d148a | |
| parent | 297bf995fdb7ca05cd92f3e94beaff618efd1136 (diff) | |
#974 add ellipsis on notes truncation
| -rw-r--r-- | www/css/style.css | 1 | ||||
| -rw-r--r-- | www/templates/events.html | 13 |
2 files changed, 8 insertions, 6 deletions
diff --git a/www/css/style.css b/www/css/style.css index 967744f6..43d59938 100644 --- a/www/css/style.css +++ b/www/css/style.css @@ -568,6 +568,7 @@ http://www.cssportal.com/tryit/index.php?file=blog/css-notification-badge */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; + display: inline-block; } .popup80 .popup { diff --git a/www/templates/events.html b/www/templates/events.html index 9ee84344..c7df0812 100644 --- a/www/templates/events.html +++ b/www/templates/events.html @@ -48,16 +48,16 @@ <span translate="kRecordingProgress"></span>) </span> </div> - </div> - <div class="col " style="margin-top:-20px;padding:0px; "> + + <div class="col events-list-text" style="margin-top:-20px;padding:0px; "> <div style="float:right;background-color:#444;color:#fff;font-size:11px;opacity:0.7;border-radius: 0px 0px 5px 5px;"> <i class="ion-calendar"></i> {{prettifyDate(event.Event.StartTime)}} {{tzAbbr}} </div> </div> </div> <!--row--> - + <!-- body of events--> <div class="row" style="font-size:80%; color:rgb(110,110,110)"> <div class="col events-list-text"> <!-- data --> <!-- for largeThumbs show image in this column --> @@ -90,9 +90,9 @@ {{humanize(event.Event.Length)}} </span> <br/><i class="ion-ios-pricetags-outline"></i> {{event.Event.Name}} - <div ng-if="event.Event.Notes" > - <i class="ion-clipboard"></i> {{event.Event.Notes}} - </div> + <span ng-if="event.Event.Notes" > + <br/><i class="ion-clipboard"></i> {{event.Event.Notes}} + </span> </div> <!-- col--> <!-- 2 col format for small, 1 col format for large --> <span ng-if="thumbClass=='small' && loginData.eventViewThumbs!='none'"> @@ -106,6 +106,7 @@ </div> <!--row--> + <!-- buttons --> <div class="row" style="float:right; margin-right: 10px; display: block;"> <span style="float:right"> <div ng-if="event.Event.EndTime || 1"> |