geonetwork-ui 2.8.3-dev.9ee2576ea → 2.8.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6,7 +6,7 @@
6
6
  }
7
7
 
8
8
  &.size-M {
9
- @apply max-w-[940px] md:h-[231px] gap-4;
9
+ @apply max-w-[940px] gap-4 flex-wrap;
10
10
  }
11
11
 
12
12
  &.size-S {
@@ -28,11 +28,11 @@
28
28
  @apply border rounded-lg overflow-hidden shrink-0;
29
29
 
30
30
  .size-L & {
31
- @apply w-full w-[190px] h-[184px];
31
+ @apply w-[184px] h-[184px];
32
32
  }
33
33
 
34
34
  .size-M & {
35
- @apply w-full w-[138px] h-[207px];
35
+ @apply w-[138px] h-[138px];
36
36
  }
37
37
  }
38
38
 
@@ -44,7 +44,7 @@
44
44
  }
45
45
 
46
46
  .size-M & {
47
- @apply line-clamp-2 ml-2;
47
+ @apply line-clamp-2;
48
48
  }
49
49
 
50
50
  .size-S & {
@@ -64,7 +64,7 @@
64
64
  }
65
65
 
66
66
  .size-M & {
67
- @apply line-clamp-3 ml-2;
67
+ @apply line-clamp-3;
68
68
  }
69
69
 
70
70
  .size-S & {
@@ -30,7 +30,7 @@
30
30
  ></gn-ui-thumbnail>
31
31
  }
32
32
  </div>
33
- <div class="flex flex-col overflow-hidden items-start">
33
+ <div class="flex flex-col overflow-hidden items-start grow">
34
34
  @if (hasOrganization) {
35
35
  <span
36
36
  class="font-bold transition duration-200 text-primary truncate max-w-full"
@@ -51,32 +51,35 @@
51
51
  >
52
52
  </p>
53
53
  </div>
54
- </div>
55
- <div class="pt-5 pb-5 px-10 relative">
56
- <div class="absolute top-[0.85em] right-[0.85em]">
54
+ <div class="ml-3 shrink-0">
57
55
  <ng-container
58
56
  [ngTemplateOutlet]="favoriteTemplate"
59
57
  [ngTemplateOutletContext]="{ $implicit: record }"
60
58
  ></ng-container>
61
59
  </div>
62
- <h1
63
- class="font-title text-black text-[21px] font-medium mb-3 pr-8"
64
- data-cy="recordTitle"
65
- >
66
- {{ record.title }}
67
- </h1>
60
+ </div>
61
+ <div class="pt-5 pb-5 px-10 relative">
62
+ <div class="flex flex-col sm:flex-row gap-4 mb-3">
63
+ @if (record.overviews?.[0]) {
64
+ <gn-ui-thumbnail
65
+ class="block shrink-0 w-[120px] h-[120px] border border-gray-100 rounded-lg overflow-hidden"
66
+ [thumbnailUrl]="record.overviews?.[0]?.url.toString()"
67
+ [fit]="'cover'"
68
+ ></gn-ui-thumbnail>
69
+ }
70
+ <h1
71
+ class="font-title text-black text-[21px] font-medium"
72
+ data-cy="recordTitle"
73
+ >
74
+ {{ record.title }}
75
+ </h1>
76
+ </div>
68
77
  <p class="line-clamp-3">
69
78
  <gn-ui-markdown-parser
70
79
  [textContent]="abstract"
71
80
  [whitoutStyles]="true"
72
81
  />
73
82
  </p>
74
- @if (record.overviews?.[0]) {
75
- <gn-ui-thumbnail
76
- class="block mt-3 w-full h-[136px] border border-gray-100 rounded-lg overflow-hidden"
77
- [thumbnailUrl]="record.overviews?.[0]?.url.toString()"
78
- ></gn-ui-thumbnail>
79
- }
80
83
  @if (isDownloadable || isViewable) {
81
84
  <div class="flex flex-row mt-3">
82
85
  @if (isDownloadable) {
@@ -2,7 +2,8 @@ import packageJson from '../../../../../package.json'
2
2
 
3
3
  export const GEONETWORK_UI_VERSION = packageJson.version
4
4
 
5
- export const GEONETWORK_UI_TAG_NAME =
6
- GEONETWORK_UI_VERSION.split('-')[1] === 'dev'
7
- ? '2.8.x'
8
- : `v${packageJson.version}`
5
+ export const GEONETWORK_UI_TAG_NAME = GEONETWORK_UI_VERSION.split(
6
+ '-'
7
+ )[1]?.startsWith('dev')
8
+ ? '2.8.x'
9
+ : `v${packageJson.version}`