diff --git a/scipost/static/scipost/assets/css/_breadcrumb.scss b/scipost/static/scipost/assets/css/_breadcrumb.scss index 1da897ebf0d61707eb8641737dd725d427597d1f..8c4f8e9941001946ce232f40b782c5c3f4c41ac0 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 835bd38a5a4b649a88d37390a38d5e0f7d622602..116dfc7010ba3bab58767c23669fe593a5d928d1 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 dd8445262fc4f7e9b5d1ce039a73a942668e3561..c3c14a9a72692d988b9ae672cfce62e17a91aac2 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 47d2ee08d44b92cdecbbf268576a6b3f2bcc1ea4..b977a46b47376d351398b5b1eb5263cee18a4de4 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; + } +}