From 6ebc2f799fffd0a051507800a88fecdbc27b5c83 Mon Sep 17 00:00:00 2001
From: Jorran de Wit <jorrandewit@outlook.com>
Date: Mon, 14 Aug 2017 14:39:49 +0200
Subject: [PATCH] Style improvements
---
.../scipost/assets/css/_breadcrumb.scss | 2 +-
.../scipost/assets/css/_list_group.scss | 36 ++++++++-----------
.../static/scipost/assets/css/_tooltip.scss | 6 ++++
scipost/static/scipost/assets/css/_type.scss | 20 +++++++++++
4 files changed, 42 insertions(+), 22 deletions(-)
diff --git a/scipost/static/scipost/assets/css/_breadcrumb.scss b/scipost/static/scipost/assets/css/_breadcrumb.scss
index 1da897ebf..8c4f8e994 100644
--- a/scipost/static/scipost/assets/css/_breadcrumb.scss
+++ b/scipost/static/scipost/assets/css/_breadcrumb.scss
@@ -1,6 +1,6 @@
.breadcrumb {
margin-top: -0.75rem;
- margin-bottom: 0.75rem;
+ margin-bottom: 1.5rem;
border-top: 1px solid #fff;
border-bottom: 1px solid #ddd;
diff --git a/scipost/static/scipost/assets/css/_list_group.scss b/scipost/static/scipost/assets/css/_list_group.scss
index 835bd38a5..116dfc701 100644
--- a/scipost/static/scipost/assets/css/_list_group.scss
+++ b/scipost/static/scipost/assets/css/_list_group.scss
@@ -11,43 +11,37 @@
ul.events-list {
padding-left: 30px;
- &:before {
- content: '';
- width: 3px;
- height: calc(100% - 16px);
- position: absolute;
- left: 20px;
- background: $scipost-darkblue;
- top: 16px;
- z-index: 97;
- }
-
li {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
&:before {
content: '';
- width: 13px;
- height: 13px;
- left: -25px;
+ width: 12px;
+ height: 12px;
+ left: -24px;
border-radius: 99px;
position: absolute;
top: 11px;
background: #fff;
- border: 3px solid $scipost-darkblue;
+ border: 2px solid $scipost-darkblue;
z-index: 99;
}
- &:last-child:after {
+ &:after {
content: '';
- width: 3px;
+ width: 2px;
height: calc(100% - 16px);
position: absolute;
- left: -20px;
- background: #fff;
- bottom: 0;
- z-index: 98;
+ left: -19px;
+ background: $scipost-darkblue;;
+ top: 26px;
+ z-index: 97;
+ border-radius: 99px;
+ }
+
+ &:last-child:after {
+ content: none;
}
}
}
diff --git a/scipost/static/scipost/assets/css/_tooltip.scss b/scipost/static/scipost/assets/css/_tooltip.scss
index dd8445262..c3c14a9a7 100644
--- a/scipost/static/scipost/assets/css/_tooltip.scss
+++ b/scipost/static/scipost/assets/css/_tooltip.scss
@@ -8,4 +8,10 @@
.tooltip-inner {
border-radius: 0.15rem;
+
+ hr {
+ background-color: #fff;
+ margin: 0.25rem 0;
+ box-shadow: none;
+ }
}
diff --git a/scipost/static/scipost/assets/css/_type.scss b/scipost/static/scipost/assets/css/_type.scss
index 47d2ee08d..b977a46b4 100644
--- a/scipost/static/scipost/assets/css/_type.scss
+++ b/scipost/static/scipost/assets/css/_type.scss
@@ -106,3 +106,23 @@ hr.hr12 {
.blockquote > p:last-child {
margin-bottom: 0;
}
+
+.circle-clickable {
+ display: inline-block;
+ cursor: pointer;
+ background: #fff;
+ border: 2px solid #bbb;
+ border-radius: 100%;
+ color: #bbb;
+ width: 17px;
+ height: 17px;
+ line-height: 16px;
+ text-align: center;
+ font-size: 9px;
+ transition: 0.1s;
+
+ &:hover {
+ border-color: #333;
+ color: #333;
+ }
+}
--
GitLab