diff options
author | hellekin <hellekin@cepheide.org> | 2020-10-08 17:38:04 +0200 |
---|---|---|
committer | hellekin <hellekin@cepheide.org> | 2020-10-08 17:38:04 +0200 |
commit | c0a3378d2587c9fda27e97645799dd7a008819a1 (patch) | |
tree | 9bd6b99848e6c906cbfc921c545dda4d0d93562b /app/assets/stylesheets/application | |
parent | 00ac912be46d858379fb5685b7290fe8d60001ef (diff) | |
download | incommon-map-c0a3378d2587c9fda27e97645799dd7a008819a1.tar.gz |
Make map more beautiful
This commit introduces a few things:
1. New `content_for` hooks for :debug, :head, and :body_end so that views
code remains consistent and clean
2. Fullscreen map!
3. Welcome#index view, the Rails way
It also moves controller-related code to the controller,
Enjoy!
Diffstat (limited to 'app/assets/stylesheets/application')
-rw-r--r-- | app/assets/stylesheets/application/_body.scss | 4 | ||||
-rw-r--r-- | app/assets/stylesheets/application/_debug.scss | 12 | ||||
-rw-r--r-- | app/assets/stylesheets/application/_map.scss | 14 |
3 files changed, 30 insertions, 0 deletions
diff --git a/app/assets/stylesheets/application/_body.scss b/app/assets/stylesheets/application/_body.scss index cadac51..f151b47 100644 --- a/app/assets/stylesheets/application/_body.scss +++ b/app/assets/stylesheets/application/_body.scss @@ -38,6 +38,10 @@ body { } } +main > article { + background-color: rgba(255, 255, 255, 0.8); +} + img { max-width: 100%; } diff --git a/app/assets/stylesheets/application/_debug.scss b/app/assets/stylesheets/application/_debug.scss new file mode 100644 index 0000000..75b1988 --- /dev/null +++ b/app/assets/stylesheets/application/_debug.scss @@ -0,0 +1,12 @@ +/* + DEBUG +*/ + +#debug { + position: fixed; + bottom: 0; + left: 0; + padding: 0.5rem; + background-color: rgba(255,0,0,0.5); + color: white; +} diff --git a/app/assets/stylesheets/application/_map.scss b/app/assets/stylesheets/application/_map.scss new file mode 100644 index 0000000..d2330e1 --- /dev/null +++ b/app/assets/stylesheets/application/_map.scss @@ -0,0 +1,14 @@ +/* + MAP +*/ + +#map { + position: fixed; + height: 100%; + width: 100%; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: -1; +} |