aboutsummaryrefslogtreecommitdiff
path: root/app/assets/stylesheets
diff options
context:
space:
mode:
authorhellekin <hellekin@cepheide.org>2020-10-08 17:38:04 +0200
committerhellekin <hellekin@cepheide.org>2020-10-08 17:38:04 +0200
commitc0a3378d2587c9fda27e97645799dd7a008819a1 (patch)
tree9bd6b99848e6c906cbfc921c545dda4d0d93562b /app/assets/stylesheets
parent00ac912be46d858379fb5685b7290fe8d60001ef (diff)
downloadincommon-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')
-rw-r--r--app/assets/stylesheets/application/_body.scss4
-rw-r--r--app/assets/stylesheets/application/_debug.scss12
-rw-r--r--app/assets/stylesheets/application/_map.scss14
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;
+}