From 650c5f1d89831e4d215b6ab7b8d769b95cca8796 Mon Sep 17 00:00:00 2001
From: "jacek.lebioda" <jacek.lebioda@uni.lu>
Date: Wed, 29 Aug 2018 10:20:42 +0200
Subject: [PATCH] #20 Placement of R3 logo improved in low-width environment
---
_includes/footer.html | 10 ++++++----
_sass/minima/_lcsb.scss | 21 ++++++++++++++++++++-
2 files changed, 26 insertions(+), 5 deletions(-)
diff --git a/_includes/footer.html b/_includes/footer.html
index e83f491..eb28bbe 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -4,11 +4,13 @@
<data class="u-url" href="{{ "/" | relative_url }}"></data>
<div class="footer-cp">
+ <div class="r3-logo-container">
+ <img class="r3-logo"
+ src="{{ '/assets/banners/r3-logo.svg' | relative_url }}"
+ type="image/svg+xml" />
+ </div>
+
<p>
- <div class="r3-logo">
- <img src="{{ '/assets/banners/r3-logo.svg' | relative_url }}"
- type="image/svg+xml"/>
- </div>
© <a href="https://wwwen.uni.lu/" target="_parent">Université du Luxembourg</a> {{ site.date | escape }}. All rights reserved.
diff --git a/_sass/minima/_lcsb.scss b/_sass/minima/_lcsb.scss
index da9cd8b..7ec1390 100644
--- a/_sass/minima/_lcsb.scss
+++ b/_sass/minima/_lcsb.scss
@@ -45,12 +45,15 @@
right: 0px;
}
+.r3-logo-container {
+}
+
.r3-logo {
float: left;
position: relative;
top: -10px;
- width: 40px;
left: 100px;
+ width: 40px;
}
.social-media-list {
@@ -108,6 +111,22 @@
width: 120px;
display: none;
}
+
+ .r3-logo {
+ width: 32px;
+ margin: 0px auto;
+
+ float: none;
+ position: initial;
+ top: unset;
+ left: unset;
+ }
+
+ .r3-logo-container {
+ width: 100%;
+ position: relative;
+ top: -10px;
+ }
}
// Ultra-small screen ==================================================================================
--
GitLab