[Git][reproducible-builds/reproducible-website][master] 3 commits: drop position:fixed that is messing with some width settings

[Mattia Rizzolo (@mattia)]

Mattia Rizzolo pushed to branch master at Reproducible Builds / reproducible-website


Commits:
6196b9c8 by Mattia Rizzolo at 2021-08-05T15:41:13+02:00
drop position:fixed that is messing with some width settings

Signed-off-by: Mattia Rizzolo <mattia at debian.org>

- - - - -
d6049f4d by Mattia Rizzolo at 2021-08-05T15:41:15+02:00
show the gold+ sponsors in the sidebar

Signed-off-by: Mattia Rizzolo <mattia at debian.org>

- - - - -
58a8bec6 by Mattia Rizzolo at 2021-08-05T15:41:18+02:00
Fix the sizing of the elements inside the side navbar

Signed-off-by: Mattia Rizzolo <mattia at debian.org>

- - - - -


4 changed files:

- _includes/navbar_side.html
- _layouts/default.html
- assets/styles/custom.scss
- assets/styles/layout.scss


Changes:

=====================================
_includes/navbar_side.html
=====================================
@@ -1,4 +1,6 @@
 <div class="sidebar {{ include.sidebarClassName }}" id="sidebar1">
+
+  <div class="row">
   <ul class="list-group pt-5">
     {% assign sorted_pages = site.pages | sort:"order" %}
     {% for page in sorted_pages %}
@@ -9,4 +11,24 @@
     {% endif %}
     {% endfor %}
   </ul>
+  </div>
+{% assign levels = "platinum,gold" | split: ',' %}
+{% for level in levels %}
+{% assign sponsors = site.data.sponsors[level] | sort: 'name' %}
+{% if sponsors.size != 0 %}
+<div class="row">
+<div class="fixed-bottom">
+    {% for x in sponsors %}
+    <div class="col-md-2 col-sm-3 mb-2 p-2">
+        <div class="card text-center">
+            <a href="{{ x.url }}" name="{{ x.name }}">
+                <img class="w-100 p-1" src="{{ x.logo | prepend: "/assets/images/sponsors/" | relative_url }}" alt="{{ x.name }}">
+            </a>
+        </div>
+    </div>
+    {% endfor %}
+</div>
+</div>
+{% endif %}
+{% endfor %}
 </div>


=====================================
_layouts/default.html
=====================================
@@ -5,10 +5,10 @@
     {% include navbar.html %}
 
     <div class="row h-100">
-      <div class="col-md-2 col-sm-3 d-none d-sm-block p-0">
+      <div class="col-md-2 col-sm-3 d-none d-sm-block p-0 position-fixed">
         {% include navbar_side.html sidebarClassName="rb-sidebar__1" %}
       </div>
-      <div class="col-md-10 col-xs-12 col-sm-9 p-0">
+      <div class="col-md-10 col-xs-12 col-sm-9 p-0 dyn-left">
         <main role="main" class="content-scroll p-5" data-spy="scroll" data-target="#components-nav" data-offset="0">
           {{ content }}
 


=====================================
assets/styles/custom.scss
=====================================
@@ -1,3 +1,16 @@
+ at media (min-width: 576px) {
+  .dyn-left {
+      left: 25%;
+  }
+}
+ at media (min-width:768px) {
+  .dyn-left {
+      left: 16.666667%;
+  }
+}
+
+
+
 main {
   a {
     // Use a foreground:background contrast ratio of 7.04:1


=====================================
assets/styles/layout.scss
=====================================
@@ -10,11 +10,8 @@
   height: 100%;
   width: 100%;
 
-  // position: fixed;
 
   & .list-group {
-    position: fixed;
-    // width: 23vw;
   }
 
   & .list-group-item {



View it on GitLab: https://salsa.debian.org/reproducible-builds/reproducible-website/-/compare/4cb7e2c79d962c5e153828b9a6ae1db88469bf7d...58a8bec60608ba1ef20cddd95fe5214add419559

-- 
View it on GitLab: https://salsa.debian.org/reproducible-builds/reproducible-website/-/compare/4cb7e2c79d962c5e153828b9a6ae1db88469bf7d...58a8bec60608ba1ef20cddd95fe5214add419559
You're receiving this email because of your account on salsa.debian.org.


-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.reproducible-builds.org/pipermail/rb-commits/attachments/20210805/e3d86aa5/attachment.htm>