From d0fb574e7a79d653a974aec26e7473085dbefdb5 Mon Sep 17 00:00:00 2001 From: Jorran de Wit <jorrandewit@outlook.com> Date: Tue, 6 Jun 2017 20:09:13 +0200 Subject: [PATCH] Styling edits --- SciPost_v1/settings/local_jorran.py | 2 +- journals/templates/journals/_publication_card_content.html | 1 - scipost/static/scipost/assets/css/_breadcrumb.scss | 2 ++ scipost/static/scipost/assets/css/_cards.scss | 6 +++++- scipost/static/scipost/assets/css/_nav.scss | 3 ++- scipost/static/scipost/assets/css/_navbar.scss | 4 ++++ scipost/templates/scipost/navbar.html | 2 +- 7 files changed, 15 insertions(+), 5 deletions(-) diff --git a/SciPost_v1/settings/local_jorran.py b/SciPost_v1/settings/local_jorran.py index a599c9c41..1d47922ef 100644 --- a/SciPost_v1/settings/local_jorran.py +++ b/SciPost_v1/settings/local_jorran.py @@ -1,7 +1,7 @@ from .base import * # THE MAIN THING HERE -DEBUG = False +DEBUG = True # Debug toolbar settings INSTALLED_APPS += ( diff --git a/journals/templates/journals/_publication_card_content.html b/journals/templates/journals/_publication_card_content.html index f170f27df..fa49f54b4 100644 --- a/journals/templates/journals/_publication_card_content.html +++ b/journals/templates/journals/_publication_card_content.html @@ -1,5 +1,4 @@ <div class="card-header mx-0 px-2"> - <h5 class="text-muted pb-0">{{publication.get_subject_area_display}} <h3 class="card-title mb-0 "><a href="{{publication.get_absolute_url}}">{{ publication.title }}</a></h3> </div> <div class="card-block publication-{{publication.id}}"> diff --git a/scipost/static/scipost/assets/css/_breadcrumb.scss b/scipost/static/scipost/assets/css/_breadcrumb.scss index ae39d14a6..41ece7b7e 100644 --- a/scipost/static/scipost/assets/css/_breadcrumb.scss +++ b/scipost/static/scipost/assets/css/_breadcrumb.scss @@ -1,6 +1,8 @@ .breadcrumb { margin-top: -0.75rem; margin-bottom: 0.75rem; + border-top: 1px solid #fff; + border-bottom: 1px solid #f0f0f0; .breadcrumb-item { margin-bottom: 0; diff --git a/scipost/static/scipost/assets/css/_cards.scss b/scipost/static/scipost/assets/css/_cards.scss index 982a145be..bbf4c1f53 100644 --- a/scipost/static/scipost/assets/css/_cards.scss +++ b/scipost/static/scipost/assets/css/_cards.scss @@ -3,15 +3,19 @@ &.card-grey { background-color: #F4F4F4; - border-color: #f1f1f1; + border-color: #ddd; } &.card-publication { + box-shadow: 0 1px 0 0 #ddd; + .card-header { background-color: #eee; + border-bottom: 1px solid #ddd; } .card-block { + border-top: 1px solid #fff; background-color: #f8f8f8; } } diff --git a/scipost/static/scipost/assets/css/_nav.scss b/scipost/static/scipost/assets/css/_nav.scss index 1057cd289..8ce562ace 100644 --- a/scipost/static/scipost/assets/css/_nav.scss +++ b/scipost/static/scipost/assets/css/_nav.scss @@ -55,7 +55,8 @@ nav.submenu { padding: 0.75rem 1rem; background-color: #f9f9f9; border-radius: 0; - border-top: 1px solid #ddd; + border-top: 1px solid #fff; + border-bottom: 1px solid #f0f0f0; .item { padding: 0 0.5rem; diff --git a/scipost/static/scipost/assets/css/_navbar.scss b/scipost/static/scipost/assets/css/_navbar.scss index 302993352..f0754653f 100644 --- a/scipost/static/scipost/assets/css/_navbar.scss +++ b/scipost/static/scipost/assets/css/_navbar.scss @@ -5,6 +5,10 @@ .navbar { margin-bottom: 0.75rem; + &.main-nav { + border-bottom: 1px solid #ddd; + } + .nav-link { padding-right: .5rem; padding-left: .5rem; diff --git a/scipost/templates/scipost/navbar.html b/scipost/templates/scipost/navbar.html index dddf3e20a..7a5fe0d0a 100644 --- a/scipost/templates/scipost/navbar.html +++ b/scipost/templates/scipost/navbar.html @@ -1,4 +1,4 @@ -<nav class="navbar navbar-scroll navbar-light"> +<nav class="navbar navbar-scroll navbar-light main-nav"> <div class="navbar-scroll-inner"> <ul class="navbar-nav mr-auto"> <li class="nav-item{% if request.path == '/' %} active{% endif %}"> -- GitLab