aboutsummaryrefslogtreecommitdiff
path: root/app/javascript/scss/components/_footer.scss
diff options
context:
space:
mode:
authorhellekin <hellekin@cepheide.org>2021-01-23 15:35:49 +0100
committerhellekin <hellekin@cepheide.org>2021-01-23 15:35:49 +0100
commit73b3fffdbe730c33480682c40e7e8271e75ddf59 (patch)
tree94c60464d43c6d39150802e8110cf51be2c326ee /app/javascript/scss/components/_footer.scss
parentb54d7d8aa172f85d53f44b601e4e81660d148342 (diff)
downloadincommon-map-73b3fffdbe730c33480682c40e7e8271e75ddf59.tar.gz
Move CSS to Webpack
Using both the asset pipeline and webpack is confusing and leads to unpredictable results in production. This commit moves all (S)CSS to Webpack under `app/javascript/scss` so that we can test whether the development interface results in a consistent production deployment. In order to load the ForkAwesome fonts we used a long path: `$fa-font-path: "../../../node_modules/fork-awesome/fonts";` Not sure whether this works...
Diffstat (limited to 'app/javascript/scss/components/_footer.scss')
-rw-r--r--app/javascript/scss/components/_footer.scss20
1 files changed, 20 insertions, 0 deletions
diff --git a/app/javascript/scss/components/_footer.scss b/app/javascript/scss/components/_footer.scss
new file mode 100644
index 0000000..4ab34a2
--- /dev/null
+++ b/app/javascript/scss/components/_footer.scss
@@ -0,0 +1,20 @@
+body>footer {
+ position: absolute;
+ z-index: 1004;
+ margin: 0 auto;
+ background-color: rgba(0,0,0,0.5);
+ color: white;
+ text-align: center;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ width: 10rem;
+ border-top-left-radius: 1rem;
+ border-top-right-radius: 1rem;
+}
+
+.app-version a:link,
+.app-version a:visited {
+ color: whitesmoke;
+}
+