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