From fe09370f38dce86867c236032edeca0f849586a1 Mon Sep 17 00:00:00 2001
From: Jorran de Wit <jorrandewit@outlook.com>
Date: Mon, 23 Jan 2017 19:32:15 +0100
Subject: [PATCH] Alter max-screen width
Alter the screen width values to get closer to
the original SciPost design.
---
scipost/static/scipost/assets/config/preconfig.scss | 13 +++++++++++++
scipost/static/scipost/assets/css/style.scss | 1 +
scipost/templates/scipost/index.html | 4 ++--
3 files changed, 16 insertions(+), 2 deletions(-)
diff --git a/scipost/static/scipost/assets/config/preconfig.scss b/scipost/static/scipost/assets/config/preconfig.scss
index de916d063..2890b8c4d 100644
--- a/scipost/static/scipost/assets/config/preconfig.scss
+++ b/scipost/static/scipost/assets/config/preconfig.scss
@@ -2,6 +2,19 @@
//
//
+// Grid
+//
+$grid-gutter-width-base: 20px;
+$container-max-widths: (
+ sm: 546px,
+ md: 738px,
+ lg: 962px,
+ xl: 1170px
+);
+.row {
+ margin-bottom: 1rem;
+}
+
// Colors
//
$scipost-lightblue: #6884C2 !default;
diff --git a/scipost/static/scipost/assets/css/style.scss b/scipost/static/scipost/assets/css/style.scss
index 2623dbf92..936fe0a47 100644
--- a/scipost/static/scipost/assets/css/style.scss
+++ b/scipost/static/scipost/assets/css/style.scss
@@ -80,6 +80,7 @@ h1, h2, h3, h4, h5, h6 {
}
.navbar-brand {
height: 38px;
+ margin: 0;
}
.navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 43, 73, 1.0)");
diff --git a/scipost/templates/scipost/index.html b/scipost/templates/scipost/index.html
index a7a8b6982..dabc9388c 100644
--- a/scipost/templates/scipost/index.html
+++ b/scipost/templates/scipost/index.html
@@ -4,7 +4,7 @@
{% block bodysup %}
-<div class="container-fluid">
+<div class="container">
<div class="row">
{% if latest_newsitems %}
<div class="col-md-6 {% if user.is_authenticated %}col-lg-4{% else %}col-lg-3{% endif %}">
@@ -123,7 +123,7 @@
</div>
-<div class="container-fluid">
+<div class="container">
<hr class="hr12">
<div class="row">
<div class="col-md-6">
--
GitLab