Skip to content

Commit c787ff5

Browse files
committed
feat: updated styling of the demo theme
1 parent adf747e commit c787ff5

File tree

12 files changed

+74
-6
lines changed

12 files changed

+74
-6
lines changed
Lines changed: 6 additions & 0 deletions
Loading

themes/demo/public/index.html

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<meta id="meta-description" name="description" content="">
8+
<!-- <script defer="defer" src="/config.js"></script> -->
9+
<title><%= htmlWebpackPlugin.options.title %></title>
10+
</head>
11+
<body>
12+
<noscript>
13+
<strong>We're sorry but STAC Browser doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
14+
</noscript>
15+
<header class="top-header">
16+
<div class="container d-flex justify-content-between align-items-center">
17+
<div><a href="/" target="_blank" rel="noopener noreffer" class="esa-link">The European Space Agency</a> </div> <img src="/assets/img/logos/logo-esa.svg" alt="esa-logo">
18+
</div>
19+
</header>
20+
<div id="stac-browser"></div>
21+
</body>
22+
</html>
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.

themes/demo/src/theme/components/_browser.scss

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ $border-radius: 10px;
66

77
h1, h2, h3, h4, h5, h6 {
88
&:not(.popover-header) {
9-
color: var(--white);
9+
color: var(--darkblue);
1010
}
1111
}
1212

@@ -24,6 +24,10 @@ $border-radius: 10px;
2424
h1 {
2525
display: none;
2626
}
27+
28+
.lead {
29+
color: var(--darkblue);
30+
}
2731
}
2832

2933

@@ -78,7 +82,7 @@ $border-radius: 10px;
7882

7983
.expandable-card {
8084
.card-body {
81-
background-color: var(--greylight) !important;
85+
background-color: var(--white) !important;
8286
}
8387
}
8488

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
.top-header {
2+
background-color: var(--darkblue);
3+
height: 70px;
4+
> * {
5+
height: 100%;
6+
}
7+
8+
.esa-link {
9+
color: white;
10+
text-decoration: none;
11+
text-transform: uppercase;
12+
font-weight: 600;
13+
}
14+
}
Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
body, h1, h2, h3, h4, h5, h6 {
2+
font-family: var(--font-family);
3+
}
4+

0 commit comments

Comments
 (0)