From 1a0acc8e745fd8fa68375144e4f6a6acdb731866 Mon Sep 17 00:00:00 2001
From: Jorran de Wit <jorrandewit@outlook.com>
Date: Sat, 10 Mar 2018 18:42:04 +0100
Subject: [PATCH] Styling issues
---
.../static/scipost/assets/config/preconfig.scss | 1 -
scipost/static/scipost/assets/css/_breadcrumb.scss | 2 ++
scipost/static/scipost/assets/css/_grid.scss | 14 +++++++++++---
scipost/static/scipost/assets/css/_journals.scss | 6 ++++++
scipost/static/scipost/assets/css/_navbar.scss | 4 ++--
.../static/scipost/assets/css/_notifications.scss | 4 +++-
.../static/scipost/assets/css/scipost-physics.scss | 7 +++++--
7 files changed, 29 insertions(+), 9 deletions(-)
diff --git a/scipost/static/scipost/assets/config/preconfig.scss b/scipost/static/scipost/assets/config/preconfig.scss
index a9b5266ee..8a914a5a1 100644
--- a/scipost/static/scipost/assets/config/preconfig.scss
+++ b/scipost/static/scipost/assets/config/preconfig.scss
@@ -152,7 +152,6 @@ $blockquote-font-size: $font-size-base;
$popover-border-color: #dddddd;
$popover-arrow-width: 5px;
$popover-arrow-height: 5px;
-// $popover-arrow-color: $popover-bg;
$popover-max-width: 500px;
$popover-arrow-outer-width: ($popover-arrow-width + 1px);
diff --git a/scipost/static/scipost/assets/css/_breadcrumb.scss b/scipost/static/scipost/assets/css/_breadcrumb.scss
index 633e86b59..5cc416301 100644
--- a/scipost/static/scipost/assets/css/_breadcrumb.scss
+++ b/scipost/static/scipost/assets/css/_breadcrumb.scss
@@ -11,6 +11,8 @@
white-space: nowrap;
overflow: auto;
padding: 0.5rem 1.0rem;
+ display: flex;
+ flex-direction: row;
.breadcrumb-item {
margin-bottom: 0;
diff --git a/scipost/static/scipost/assets/css/_grid.scss b/scipost/static/scipost/assets/css/_grid.scss
index d601f5e64..7e8c8f31d 100644
--- a/scipost/static/scipost/assets/css/_grid.scss
+++ b/scipost/static/scipost/assets/css/_grid.scss
@@ -28,12 +28,20 @@ footer.secondary {
.container-inner {
- padding: $grid-gutter-width;
+ padding: ($grid-gutter-width / 2);
background-color: $white;
}
.container {
max-width: 1500px;
- padding-left: 30px;
- padding-right: 30px;
+}
+
+@media screen and (min-width: 768px) {
+ .container-inner {
+ padding: $grid-gutter-width;
+ }
+ .container {
+ padding-left: 30px;
+ padding-right: 30px;
+ }
}
diff --git a/scipost/static/scipost/assets/css/_journals.scss b/scipost/static/scipost/assets/css/_journals.scss
index 490351d34..f50b7493f 100644
--- a/scipost/static/scipost/assets/css/_journals.scss
+++ b/scipost/static/scipost/assets/css/_journals.scss
@@ -67,6 +67,7 @@ ul.publicationClickables {
display: inline-block;
margin: 0 10px;
padding: 5px;
+ width: 100%;
&.publicationPDF {
font-size: 130%;
@@ -74,6 +75,11 @@ ul.publicationClickables {
}
}
}
+@media screen and (min-width: 768px) {
+ ul.publicationClickables li {
+ width: auto;
+ }
+}
.publication {
diff --git a/scipost/static/scipost/assets/css/_navbar.scss b/scipost/static/scipost/assets/css/_navbar.scss
index 8b32a2115..d2d7c500e 100644
--- a/scipost/static/scipost/assets/css/_navbar.scss
+++ b/scipost/static/scipost/assets/css/_navbar.scss
@@ -125,9 +125,9 @@
min-width: 16px;
line-height: 10px;
display: none;
- padding: 0.25em;
+ padding: 0.2em;
border-radius: 99px;
- border: 1px solid $white;
+ border: 1px solid $scipost-lightblue;
background-color: $white;
color: $scipost-lightblue;
}
diff --git a/scipost/static/scipost/assets/css/_notifications.scss b/scipost/static/scipost/assets/css/_notifications.scss
index a607b5af0..2338ec63b 100644
--- a/scipost/static/scipost/assets/css/_notifications.scss
+++ b/scipost/static/scipost/assets/css/_notifications.scss
@@ -30,7 +30,9 @@
}
}
-
+.popover {
+ top: 9px !important;
+}
.popover-template {
display: none;
}
diff --git a/scipost/static/scipost/assets/css/scipost-physics.scss b/scipost/static/scipost/assets/css/scipost-physics.scss
index 381822f4d..858e3465d 100644
--- a/scipost/static/scipost/assets/css/scipost-physics.scss
+++ b/scipost/static/scipost/assets/css/scipost-physics.scss
@@ -11,18 +11,21 @@
.links {
background-color: #ddd;
- display: inline-block;
+ display: flex;
font-size: 16px;
border-radius: $card-border-radius;
border: 1px solid #c5c5c5;
margin: 0;
width: 100%;
padding: 0;
+ flex-direction: row;
+ overflow: auto;
+ list-style: none;
> li {
- display: inline-block;
margin: 0;
padding: 0.5rem;
+ white-space: nowrap;
a {
padding: 0.25rem 0.75rem;
--
GitLab