From 8d21f9dd7594c27b5417da748dbc671a073cf2cd Mon Sep 17 00:00:00 2001 From: doubaniux Date: Fri, 17 Jul 2020 21:20:23 +0800 Subject: [PATCH] fix some display issues --- common/static/css/boofilsic.css | 18 ++++++++++++------ common/static/sass/_MainSection.sass | 12 ++++++++---- common/static/sass/_Vendor.sass | 2 +- 3 files changed, 21 insertions(+), 11 deletions(-) diff --git a/common/static/css/boofilsic.css b/common/static/css/boofilsic.css index 3bc0b4ce..0aa567db 100644 --- a/common/static/css/boofilsic.css +++ b/common/static/css/boofilsic.css @@ -1110,8 +1110,8 @@ select::placeholder { .entity-list .entity-list__entity-img { -o-object-fit: contain; object-fit: contain; - min-width: 100px; - max-width: 100px; + min-width: 130px; + max-width: 130px; } .entity-list .entity-list__entity-text { @@ -1129,7 +1129,7 @@ select::placeholder { } .entity-list .entity-list__entity-info { - max-width: 76%; + max-width: 73%; white-space: nowrap; overflow: hidden; display: inline-block; @@ -1197,13 +1197,16 @@ select::placeholder { display: inline-block; vertical-align: top; width: 48%; - margin-bottom: 5px; } .entity-detail .entity-detail__fields div, .entity-detail .entity-detail__fields span { margin: 1px 0; } +.entity-detail .entity-detail__fields + .tag-collection { + margin-top: 5px; +} + .entity-detail .entity-detail__rating { position: relative; top: -5px; @@ -1493,7 +1496,7 @@ select::placeholder { display: block; float: left; color: white; - background: #d5d5d5; + background: #ccc; padding: 5px; border-radius: .3rem; line-height: 1.2em; @@ -1529,6 +1532,9 @@ select::placeholder { .entity-list .entity-list__rating--empty + .entity-list__entity-info { max-width: 70%; } + .entity-list .entity-list__entity-brief { + -webkit-line-clamp: 5; + } .entity-detail { -webkit-box-orient: vertical; -webkit-box-direction: normal; @@ -2069,7 +2075,7 @@ select::placeholder { } } -.markdownx-preview > p { +.markdownx-preview { min-height: 100px; } diff --git a/common/static/sass/_MainSection.sass b/common/static/sass/_MainSection.sass index 329eca07..15c11df8 100644 --- a/common/static/sass/_MainSection.sass +++ b/common/static/sass/_MainSection.sass @@ -33,7 +33,7 @@ $sub-section-title-margin: 8px // float: left object-fit: contain // height: 150px - $width: 100px + $width: 130px min-width: $width max-width: $width @@ -50,7 +50,7 @@ $sub-section-title-margin: 8px display: block & &__entity-info - max-width: 76% + max-width: 73% white-space: nowrap overflow: hidden display: inline-block @@ -111,9 +111,11 @@ $sub-section-title-margin: 8px display: inline-block vertical-align: top width: 48% - margin-bottom: 5px + // margin-bottom: 5px & div, & span margin: 1px 0 + & + .tag-collection + margin-top: 5px & &__rating position: relative @@ -347,7 +349,7 @@ $mark-review-padding-wider: 6px 0 display: block; float: left; color: white; - background: $color-quaternary; + background: $color-light; padding: 5px; // margin: 4px; border-radius: .3rem; @@ -373,6 +375,8 @@ $mark-review-padding-wider: 6px 0 max-width: unset & &__rating--empty + &__entity-info max-width: 70% + & &__entity-brief + -webkit-line-clamp: 5 .entity-detail flex-direction: column diff --git a/common/static/sass/_Vendor.sass b/common/static/sass/_Vendor.sass index 1e486325..3021b378 100644 --- a/common/static/sass/_Vendor.sass +++ b/common/static/sass/_Vendor.sass @@ -1,4 +1,4 @@ -.markdownx-preview > p +.markdownx-preview min-height: 100px .rating-star .jq-star