diff options
| author | Pliable Pixels <pliablepixels@gmail.com> | 2017-12-24 18:23:04 -0500 |
|---|---|---|
| committer | Pliable Pixels <pliablepixels@gmail.com> | 2017-12-24 18:23:04 -0500 |
| commit | 4a3ed2b3bd7ca42688bcf63625b5d17fadac8445 (patch) | |
| tree | 83720b0cffb4fe617b118287c22772d86335dd10 | |
| parent | d9919346440013f3ced64df1295eea4c83fb6c53 (diff) | |
avoid wraparound of date #570
| -rw-r--r-- | www/css/style.css | 27 | ||||
| -rw-r--r-- | www/templates/moment.html | 2 |
2 files changed, 27 insertions, 2 deletions
diff --git a/www/css/style.css b/www/css/style.css index d1902a73..8d150a3c 100644 --- a/www/css/style.css +++ b/www/css/style.css @@ -572,7 +572,7 @@ http://www.cssportal.com/tryit/index.php?file=blog/css-notification-badge */ -webkit-writing-mode: vertical-lr; position: absolute; top: 50%; - transform: translateY(-50%: ); + transform: translateY(-50%); right: 0; background-color: #b47226; color: #fff; @@ -582,6 +582,31 @@ http://www.cssportal.com/tryit/index.php?file=blog/css-notification-badge */ padding-top: 3px; padding-bottom: 3px; opacity: 0.7; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; +} + + + +.moment-date { + writing-mode: vertical-lr; + -webkit-writing-mode: vertical-lr; + position: absolute; + top: 50%; + transform: translateY(-50%); + right: 0; + background-color: #c0392b; + color: #fff; + font-size: 11px; + border-radius: 5px 0px 0px 5px; + z-index: 99999; + padding-top: 3px; + padding-bottom: 3px; + opacity: 0.7; + white-space:nowrap; + overflow:hidden; + text-overflow:ellipsis; } diff --git a/www/templates/moment.html b/www/templates/moment.html index c00bf35e..10875cda 100644 --- a/www/templates/moment.html +++ b/www/templates/moment.html @@ -18,7 +18,7 @@ </ion-nav-buttons> - <div class="events-float-filter"> + <div class="moment-date"> {{displayTimeFrom}} - {{displayTimeTo}}</span> </div> |