franzz/spot
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

add auto post loader

Browse Source
This commit is contained in:
francois
2018-04-15 14:59:39 +02:00
parent 32108b0141
commit 8ff7185ff3
5 changed files with 80 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
style/spot.css
View File

@@ -10,5 +10,5 @@
* Made by Adrien Grsmto from a fork by Jonathan Nicol
* Under MIT License
*
*/[data-simplebar]{position:relative;z-index:0;overflow:hidden !important;max-height:inherit;-webkit-overflow-scrolling:touch}[data-simplebar="init"]{display:-webkit-box;display:-ms-flexbox;display:flex}.simplebar-scroll-content{overflow-x:hidden !important;overflow-y:scroll;min-width:100% !important;max-height:inherit !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important}.simplebar-content{overflow-y:hidden !important;overflow-x:scroll;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;min-height:100% !important}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;width:11px}.simplebar-scrollbar{position:absolute;right:2px;width:7px;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:black;border-radius:7px;left:0;right:0;opacity:0;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.simplebar-track:hover .simplebar-scrollbar:before,.simplebar-track .simplebar-scrollbar.visible:before{opacity:0.5;-webkit-transition:opacity 0 linear;transition:opacity 0 linear}.simplebar-track.vertical{top:0}.simplebar-track.vertical .simplebar-scrollbar:before{top:2px;bottom:2px}.simplebar-track.horizontal{left:0;width:auto;height:11px}.simplebar-track.horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}.horizontal.simplebar-track .simplebar-scrollbar{right:auto;top:2px;height:7px;min-height:0;min-width:10px;width:auto}@-webkit-keyframes fadeIn{from{opacity:0.3}}@-moz-keyframes fadeIn{from{opacity:0.3}}@-ms-keyframes fadeIn{from{opacity:0.3}}@-o-keyframes fadeIn{from{opacity:0.3}}@keyframes fadeIn{from{opacity:0.3}}.flicker,#map .loader{-webkit-animation:fadeIn 0.8s infinite alternate;-moz-animation:fadeIn 0.8s infinite alternate;-ms-animation:fadeIn 0.8s infinite alternate;-o-animation:fadeIn 0.8s infinite alternate;animation:fadeIn 0.8s infinite alternate}#map{position:absolute;left:0;top:0;bottom:0;width:100%;background:#EEE}#map .loader{position:absolute;font-size:3em;width:1em;height:1em;top:calc(50% - 0.5em);left:calc(50% - 0.5em);color:#666}#map #legend{background:white;font-family:Roboto, Arial, sans-serif;background:rgba(255,255,255,0.5);border-radius:3px;padding:1px 0 0 0;margin-bottom:1em;right:calc(30% + 3em) !important;bottom:calc(1em - 10px) !important}#map #legend .line{display:inline-block;border-left:2em solid;line-height:2px;padding-left:0.5em;margin:1em;font-size:1em;color:#222}#map #legend .line.green{border-color:#00ff78}#map #legend .line.blue{border-color:#0000ff}#map #legend .line.red{border-color:#FF7814}#feed{position:absolute;right:1em;top:0em;bottom:0em;width:calc(30% - 1em);button:hover;button-background:#F7F7F7}#feed input,#feed button{border:none;padding:0.5em 1em;background:#F7F7F7}#feed button{background:#CCC;cursor:pointer;font-weight:bold}#feed #posts{font-family:Arial;position:absolute;top:0;bottom:0;width:100%}#feed #posts #poster input,#feed #posts #poster button{border-radius:3px;background-color:#d9deff;color:#323268}#feed #posts #poster #post{margin-bottom:1em;width:calc(100% - 2em)}#feed #posts #poster #name{width:calc(100% - 6em)}#feed #posts #poster #submit{margin-left:1em;background-color:#323268;color:#B4BDFF;margin-bottom:0.5em}#feed #posts #poster #submit:hover{background-color:#d9deff;color:#323268}#feed #posts .post{margin-bottom:1em;background:#B4BDFF;color:#323268;border-radius:0.5em;width:calc(100% - 1em);box-shadow:2px 2px 3px 0px rgba(0,0,0,0.5)}#feed #posts .post:first-child{margin-top:2em}#feed #posts .post .message{margin:0.3em 0 0 0}#feed #posts .post .signature{margin:0.5em 0 0 0;text-align:right;font-style:italic}#feed #posts .post .header{padding:0.5em 1em;font-style:italic;font-size:0.8em;text-align:right}#feed #posts .post .header .index{float:left;font-style:normal}#feed #posts .post .header .time{cursor:default}#feed #posts .post .body{padding:0em 1em 0.5em}#feed #posts .post.picture{background:#F3EC9F;color:#635C28}#feed #posts .post.picture a{display:inline-block;line-height:0;margin:0}#feed #posts .post.picture img{width:100%;image-orientation:from-image;border:1px solid white;outline:none}#feed #posts .post.message{background:#6DFF58;color:#326526;p:first-child;p-margin-top:1em}#feed #posts .post.message p{font-size:0.9em;margin:0.5em 0}#feed #posts .post.message .staticmap{width:100%;border-radius:3px;cursor:pointer}#feed #posts #next_posts{display:none}#feed #posts #next_posts button{margin-top:0;background-color:#CCC;color:#666}#feed #posts #next_posts button:hover{color:#333}#feed #posts .fa.push{margin-right:0.5em}.info-window h1{font-size:1.2em}.info-window p{font-size:1.0em}.info-window i{padding-right:0.5em;font-size:1.33333333em;line-height:0.75em;vertical-align:-15%}.info-window .battery{text-transform:capitalize}.bar{height:18px;background:green}
*/[data-simplebar]{position:relative;z-index:0;overflow:hidden !important;max-height:inherit;-webkit-overflow-scrolling:touch}[data-simplebar="init"]{display:-webkit-box;display:-ms-flexbox;display:flex}.simplebar-scroll-content{overflow-x:hidden !important;overflow-y:scroll;min-width:100% !important;max-height:inherit !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important}.simplebar-content{overflow-y:hidden !important;overflow-x:scroll;-webkit-box-sizing:border-box !important;box-sizing:border-box !important;min-height:100% !important}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;width:11px}.simplebar-scrollbar{position:absolute;right:2px;width:7px;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:black;border-radius:7px;left:0;right:0;opacity:0;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.simplebar-track:hover .simplebar-scrollbar:before,.simplebar-track .simplebar-scrollbar.visible:before{opacity:0.5;-webkit-transition:opacity 0 linear;transition:opacity 0 linear}.simplebar-track.vertical{top:0}.simplebar-track.vertical .simplebar-scrollbar:before{top:2px;bottom:2px}.simplebar-track.horizontal{left:0;width:auto;height:11px}.simplebar-track.horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}.horizontal.simplebar-track .simplebar-scrollbar{right:auto;top:2px;height:7px;min-height:0;min-width:10px;width:auto}@-webkit-keyframes fadeIn{from{opacity:0.3}}@-moz-keyframes fadeIn{from{opacity:0.3}}@-ms-keyframes fadeIn{from{opacity:0.3}}@-o-keyframes fadeIn{from{opacity:0.3}}@keyframes fadeIn{from{opacity:0.3}}.flicker,#map .loader{-webkit-animation:fadeIn 0.8s infinite alternate;-moz-animation:fadeIn 0.8s infinite alternate;-ms-animation:fadeIn 0.8s infinite alternate;-o-animation:fadeIn 0.8s infinite alternate;animation:fadeIn 0.8s infinite alternate}#map{position:absolute;left:0;top:0;bottom:0;width:100%;background:#EEE}#map .loader{position:absolute;font-size:3em;width:1em;height:1em;top:calc(50% - 0.5em);left:calc(50% - 0.5em);color:#666}#map #legend{background:white;font-family:Roboto, Arial, sans-serif;background:rgba(255,255,255,0.5);border-radius:3px;padding:1px 0 0 0;margin-bottom:1em;right:calc(30% + 3em) !important;bottom:calc(1em - 10px) !important}#map #legend .line{display:inline-block;border-left:2em solid;line-height:2px;padding-left:0.5em;margin:1em;font-size:1em;color:#222}#map #legend .line.green{border-color:#00ff78}#map #legend .line.blue{border-color:#0000ff}#map #legend .line.red{border-color:#FF7814}#feed{position:absolute;right:1em;top:0em;bottom:0em;width:calc(30% - 1em);button:hover;button-background:#F7F7F7}#feed input,#feed button{border:none;padding:0.5em 1em;background:#F7F7F7}#feed button{background:#CCC;cursor:pointer;font-weight:bold}#feed #posts{font-family:Arial;position:absolute;top:0;bottom:0;width:100%}#feed #posts #poster input,#feed #posts #poster button{border-radius:3px;background-color:#d9deff;color:#323268}#feed #posts #poster #post{margin-bottom:1em;width:calc(100% - 2em)}#feed #posts #poster #name{width:calc(100% - 6em)}#feed #posts #poster #submit{margin-left:1em;background-color:#323268;color:#B4BDFF;margin-bottom:0.5em}#feed #posts #poster #submit:hover{background-color:#d9deff;color:#323268}#feed #posts .post{margin-bottom:1em;background:#B4BDFF;color:#323268;border-radius:3px;width:calc(100% - 1em);box-shadow:2px 2px 3px 0px rgba(0,0,0,0.5)}#feed #posts .post:first-child{margin-top:2em}#feed #posts .post .message{margin:0.3em 0 0 0}#feed #posts .post .signature{margin:0.5em 0 0 0;text-align:right;font-style:italic}#feed #posts .post .header{padding:0.5em 1em;font-style:italic;font-size:0.8em;text-align:right}#feed #posts .post .header .index{float:left;font-style:normal}#feed #posts .post .header .time{cursor:default}#feed #posts .post .body{clear:both;padding:0em 1em 0.5em}#feed #posts .post.picture{background:#F3EC9F;color:#635C28}#feed #posts .post.picture a{display:inline-block;line-height:0;margin:0}#feed #posts .post.picture img{width:100%;image-orientation:from-image;border:1px solid white;outline:none}#feed #posts .post.message{background:#6DFF58;color:#326526;p:first-child;p-margin-top:1em}#feed #posts .post.message p{font-size:0.9em;margin:0.5em 0}#feed #posts .post.message .staticmap{width:100%;border-radius:3px;cursor:pointer}#feed #posts .post.loading .spinner{padding-top:0.5em;text-align:center}#feed #posts .post.loading .spinner .fa-spinner{font-size:1.5em;color:#323268}#feed #posts .fa.push{margin-right:0.5em}.info-window h1{font-size:1.2em}.info-window p{font-size:1.0em}.info-window i{padding-right:0.5em;font-size:1.33333333em;line-height:0.75em;vertical-align:-15%}.info-window .battery{text-transform:capitalize}.bar{height:18px;background:green}
/*# sourceMappingURL=spot.css.map */