From c0a3378d2587c9fda27e97645799dd7a008819a1 Mon Sep 17 00:00:00 2001 From: hellekin Date: Thu, 8 Oct 2020 17:38:04 +0200 Subject: 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! --- app/assets/stylesheets/application/_body.scss | 4 ++++ app/assets/stylesheets/application/_debug.scss | 12 ++++++++++++ app/assets/stylesheets/application/_map.scss | 14 ++++++++++++++ 3 files changed, 30 insertions(+) create mode 100644 app/assets/stylesheets/application/_debug.scss create mode 100644 app/assets/stylesheets/application/_map.scss (limited to 'app/assets/stylesheets') 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; +} -- cgit v1.2.3