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 409a3a3a7c34f57dc15e5372f4973c960df40db6..02413ea1cac83bcd9c351d4e9150037919a57021 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 20e25c42d46c2a5375762b8595dcf9e279169dfe..8ed2bdff5e1e619a2a7ad8bf4afbe7cd731b96cd 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 2d181b9d286d3f667540e72908ff8f7d808ac95f..ffdf5476ddbe99ddbbe78f88224fc217bad25564 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 8412213b0c96093ef1ae74828a9e48e888a0635a..769517b13f17e71b5999995f091e36e1bced91a6 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 3b556c427fca0f61a2696a518a0a63849baf55ba..113073183c4481fbeb8cb4b25275b3b767e4cc19 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 266e6f07aeffe9d291bc0058fb1895f4463b5519..d5edf33f4b389354ace4e5ad9c7bd69662f4c727 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;