From 9fc15b1b9e1141f8e577029ed4d617c26276729a Mon Sep 17 00:00:00 2001 From: ncastejon <castejon.nicolas@gmail.com> Date: Wed, 24 Apr 2019 13:32:46 +0200 Subject: [PATCH] Few bug fixes for mobile layout --- .../resource-queryable.component.scss | 2 +- .../result-post/result-post.component.html | 6 +++--- .../results-tab-scope.component.scss | 4 ++++ src/index.html | 15 +++++++++++---- src/scss/ghost-style.scss | 4 ++++ src/styles.scss | 5 +++++ 6 files changed, 28 insertions(+), 8 deletions(-) diff --git a/src/app/geosource/components/dataset-detail/dataset-resources/resources-queryable/resource-queryable/resource-queryable.component.scss b/src/app/geosource/components/dataset-detail/dataset-resources/resources-queryable/resource-queryable/resource-queryable.component.scss index 409a3a3a..02413ea1 100644 --- a/src/app/geosource/components/dataset-detail/dataset-resources/resources-queryable/resource-queryable/resource-queryable.component.scss +++ b/src/app/geosource/components/dataset-detail/dataset-resources/resources-queryable/resource-queryable/resource-queryable.component.scss @@ -193,7 +193,7 @@ h3 { .dropdown-insee { .dropdown-menu { - height: 100px; + height: 200px; max-height: 200px; overflow-y: scroll; overflow-x: hidden; diff --git a/src/app/geosource/components/results/result-post/result-post.component.html b/src/app/geosource/components/results/result-post/result-post.component.html index 20e25c42..8ed2bdff 100644 --- a/src/app/geosource/components/results/result-post/result-post.component.html +++ b/src/app/geosource/components/results/result-post/result-post.component.html @@ -4,11 +4,11 @@ <div class="post-image" [ngStyle]="{'background-image': 'url(' + post.content.featureImage + ') '}"> </div> </div> - <div class="column is-8 description-item"> + <div class="column is-7 description-item"> <div class="post-description"> <p class="post-description-date"> - {{ post.content.publicationDate | date: 'dd.MM.yyyy' }} - {{post.content.category ? ' ' + notificationMessages.edito.news + ': ' + post.content.category.name : ''}} + {{ post.content.publicationDate | date: 'dd.MM.yyyy' }} + {{post.content.category ? ' ' + notificationMessages.edito.news + ' : ' + post.content.category.name : ''}} </p> <a [routerLink]="['/', AppRoutes.articles.uri, post.uuid]" class="link-without-decoration"> diff --git a/src/app/geosource/components/results/results-tab-scope/results-tab-scope.component.scss b/src/app/geosource/components/results/results-tab-scope/results-tab-scope.component.scss index 2d181b9d..ffdf5476 100644 --- a/src/app/geosource/components/results/results-tab-scope/results-tab-scope.component.scss +++ b/src/app/geosource/components/results/results-tab-scope/results-tab-scope.component.scss @@ -23,6 +23,10 @@ } } + li:last-child { + padding-right: 0; + } + li > span { display: block; } diff --git a/src/index.html b/src/index.html index 8412213b..769517b1 100644 --- a/src/index.html +++ b/src/index.html @@ -8,14 +8,15 @@ <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/x-icon" href="favicon.ico"> - <link href="https://fonts.googleapis.com/css?family=Titillium+Web:300,400,500,600,700,800" rel="stylesheet"> - <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" - crossorigin="anonymous"> + <link href="https://fonts.googleapis.com/css?family=Titillium+Web:300,400,500,600,700,800" rel="stylesheet"> + <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" + integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous"> <style> body { margin: 0; } + .AppLoader { height: 100vh; display: flex; @@ -25,7 +26,13 @@ } .AppLoader img { - width: 25%; + width: 60%; + } + + @media screen and (min-width: 705px) { + .AppLoader img { + width: 25%; + } } </style> diff --git a/src/scss/ghost-style.scss b/src/scss/ghost-style.scss index 3b556c42..11307318 100644 --- a/src/scss/ghost-style.scss +++ b/src/scss/ghost-style.scss @@ -54,6 +54,10 @@ } } + ol { + list-style: inside decimal; + } + li { padding-left: 1em; text-indent: -0.7em; diff --git a/src/styles.scss b/src/styles.scss index 266e6f07..d5edf33f 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -89,6 +89,11 @@ tbody { color: $brand-color; } +// Need to be here, because innerHtml breaks the style inside result-dataset.component +.subtitle span.highlighted { + color: $grey-light-color; +} + .highlighted { background: linear-gradient(to bottom, transparent 20%, #fff5c0 20%, #fff5c0 85%, transparent 85%); font-size: unset; -- GitLab