diff options
| author | Pliable Pixels <pliablepixels@gmail.com> | 2020-09-06 08:22:15 -0400 |
|---|---|---|
| committer | Pliable Pixels <pliablepixels@gmail.com> | 2020-09-06 08:22:15 -0400 |
| commit | 47a8f790b8e4fb9c2e56fd977f644222e3a176ba (patch) | |
| tree | 85678ad83c7cc9b7949e9b90f21205778b6c2ade | |
| parent | 1bd8fd4419bb43519b0194d7504f69166b1b4917 (diff) | |
#963 apply span styles from lucas
| -rw-r--r-- | www/css/style.css | 8 | ||||
| -rw-r--r-- | www/templates/events.html | 17 |
2 files changed, 14 insertions, 11 deletions
diff --git a/www/css/style.css b/www/css/style.css index 707c4603..626fe0ba 100644 --- a/www/css/style.css +++ b/www/css/style.css @@ -1920,12 +1920,12 @@ fill-opacity: 0.8; flex-wrap:wrap; float:right; - - +} - - +span.smallThumbsSpan { + display: table; } + .no-padding { padding: 0px !important; } diff --git a/www/templates/events.html b/www/templates/events.html index 744474b0..9fbbcc6a 100644 --- a/www/templates/events.html +++ b/www/templates/events.html @@ -64,7 +64,7 @@ <div class="item-text-wrap"> <!-- this ngswitch displays different icons depending on the cause of the event --> - <span ng-switch on="event.Event.Cause"> + <span ng-switch on="event.Event.Cause" ng-class="::{'largeThumbsSpan': thumbClass=='large', 'smallThumbsSpan': thumbClass=='small'}"> <span ng-switch-when="Motion"> <i class="ion-android-walk" style="font-size:150%;"></i> <!-- <i ng-class="(event.Event.DefaultVideo !== undefined && event.Event.DefaultVideo!='')? 'ion-ios-videocam':'ion-images'" style="float:left; padding-left:5px; font-size:100%;"></i>--> @@ -80,25 +80,28 @@ </span> + <b><i ng-if="event.Event.Archived=='1'" class="ion-ios-flag" + style="color:red"> </i>{{event.Event.MonitorName}}</b> </span> - <b> - <i ng-if="event.Event.Archived=='1'" class="ion-ios-flag" - style="color:red"> </i>{{event.Event.MonitorName}}</b> - <br /><i class="ion-images"></i> {{event.Event.Frames}} + <span ng-class="::{'largeThumbsSpan': thumbClass=='large', 'smallThumbsSpan': thumbClass=='small'}"> + <i class="ion-images"></i> {{event.Event.Frames}} <i class="ion-ios-bell-outline"></i> {{event.Event.AlarmFrames}} <span style="font-size:80%; color:rgb(110,110,110)"> {{humanize(event.Event.Length)}} </span> + </span> - <br /><i class="ion-ios-pricetags-outline"></i> {{event.Event.Name}} + <span ng-class="::{'largeThumbsSpan': thumbClass=='large', 'smallThumbsSpan': thumbClass=='small'}"> + <i class="ion-ios-pricetags-outline"></i> {{event.Event.Name}} + </span> <!-- <br/> Default video:{{event.Event.relativePath}}{{event.Event.DefaultVideo}}--> </div> </div> <!-- col--> - <div ng-if="loginData.eventViewThumbs!='none'" class="col"> + <div class="col"> <div ng-if="loginData.eventViewThumbs!='none'" ng-class="::{'largeThumbs': thumbClass=='large', 'smallThumbs': thumbClass=='small'}"> <img bg-color="#6C7A89" ng-src="{{constructThumbnail(event)}}" |