Skip to content

Commit 1b6d882

Browse files
sissbrueckersissbruecker
authored
chore: prevent FOUC in dev pages with ported Lumo styles (#9556)
1 parent d70bb8e commit 1b6d882

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

82 files changed

+88
-160
lines changed

‎dev/accordion.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,12 +5,11 @@
55
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
77
<title>Accordion</title>
8+
<link rel="stylesheet" href="/packages/vaadin-lumo-styles/lumo.css" />
89
<script type="module" src="./common.js"></script>
910

1011
<script type="module">
1112
import '@vaadin/accordion';
12-
import '@vaadin/vaadin-lumo-styles/global.css';
13-
import '@vaadin/vaadin-lumo-styles/lumo.css';
1413
</script>
1514
</head>
1615

‎dev/app-layout.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@
99
<!-- possible content values: default, black or black-translucent -->
1010
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
1111
<title>App Layout</title>
12+
<link rel="stylesheet" href="/packages/vaadin-lumo-styles/lumo.css" />
1213
<script type="module" src="./common.js"></script>
1314

1415
<style>
@@ -79,8 +80,6 @@
7980
import '@vaadin/button';
8081
import '@vaadin/icon';
8182
import '@vaadin/icons';
82-
import '@vaadin/vaadin-lumo-styles/global.css';
83-
import '@vaadin/vaadin-lumo-styles/lumo.css';
8483

8584
document.querySelector('vaadin-button').addEventListener('click', () => {
8685
document.querySelector('vaadin-app-layout').classList.toggle('small-drawer');

‎dev/avatar-group.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,12 +5,11 @@
55
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
77
<title>Avatar Group</title>
8+
<link rel="stylesheet" href="/packages/vaadin-lumo-styles/lumo.css" />
89
<script type="module" src="./common.js"></script>
910

1011
<script type="module">
1112
import '@vaadin/avatar-group';
12-
import '@vaadin/vaadin-lumo-styles/global.css';
13-
import '@vaadin/vaadin-lumo-styles/lumo.css';
1413

1514
const groups = document.querySelectorAll('vaadin-avatar-group');
1615
groups.forEach((group) => (group.items = [{ name: 'AA' }, { name: 'BB' }, { name: 'CC' }, { name: 'DD' }]));

‎dev/avatar.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,12 @@
55
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
77
<title>Avatar</title>
8+
<link rel="stylesheet" href="/packages/vaadin-lumo-styles/lumo.css" />
89
<script type="module" src="./common.js"></script>
910

1011
<script type="module">
1112
import '@vaadin/avatar';
1213
import '@vaadin/tooltip';
13-
import '@vaadin/vaadin-lumo-styles/global.css';
14-
import '@vaadin/vaadin-lumo-styles/lumo.css';
1514
</script>
1615
</head>
1716

‎dev/button.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
77
<title>Button</title>
8+
<link rel="stylesheet" href="/packages/vaadin-lumo-styles/lumo.css" />
89
<script type="module" src="./common.js"></script>
910

1011
<script type="module">
@@ -17,8 +18,6 @@
1718
import '@vaadin/icon';
1819
import '@vaadin/icons';
1920
import '@vaadin/tooltip';
20-
import '@vaadin/vaadin-lumo-styles/global.css';
21-
import '@vaadin/vaadin-lumo-styles/lumo.css';
2221
import '@vaadin/vaadin-lumo-styles/vaadin-iconset.js';
2322
</script>
2423
</head>

‎dev/card.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
77
<title>Card</title>
8+
<link rel="stylesheet" href="/packages/vaadin-lumo-styles/lumo.css" />
89
<script type="module" src="./common.js"></script>
910

1011
<script type="module">
@@ -17,8 +18,6 @@
1718
import '@vaadin/icons';
1819
import '@vaadin/select';
1920
import '@vaadin/scroller';
20-
import '@vaadin/vaadin-lumo-styles/global.css';
21-
import '@vaadin/vaadin-lumo-styles/lumo.css';
2221
import '@vaadin/vaadin-lumo-styles/icons.js';
2322

2423
const playground = document.querySelector('.playground');

‎dev/charts/lumo/area.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,10 @@
44
<title>Vaadin charts | area</title>
55
<meta charset="utf-8" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<link rel="stylesheet" href="/packages/vaadin-lumo-styles/lumo.css" />
78
<script type="module" src="../../common.js"></script>
89
<script type="module">
910
import '@vaadin/charts';
10-
import '@vaadin/vaadin-lumo-styles/global.css';
11-
import '@vaadin/vaadin-lumo-styles/lumo.css';
1211
import '../theme-switcher.js';
1312
</script>
1413
</head>

‎dev/charts/lumo/arearange.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,11 +12,10 @@
1212
series.values = data;
1313
});
1414
</script>
15+
<link rel="stylesheet" href="/packages/vaadin-lumo-styles/lumo.css" />
1516
<script type="module" src="../../common.js"></script>
1617
<script type="module">
1718
import '@vaadin/charts';
18-
import '@vaadin/vaadin-lumo-styles/global.css';
19-
import '@vaadin/vaadin-lumo-styles/lumo.css';
2019
import '../theme-switcher.js';
2120
</script>
2221
</head>

‎dev/charts/lumo/areaspline.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,10 @@
44
<title>Vaadin charts | area spline</title>
55
<meta charset="utf-8" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<link rel="stylesheet" href="/packages/vaadin-lumo-styles/lumo.css" />
78
<script type="module" src="../../common.js"></script>
89
<script type="module">
910
import '@vaadin/charts';
10-
import '@vaadin/vaadin-lumo-styles/global.css';
11-
import '@vaadin/vaadin-lumo-styles/lumo.css';
1211
import '../theme-switcher.js';
1312
</script>
1413
</head>

‎dev/charts/lumo/areasplinerange.html‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,10 @@
44
<title>Vaadin charts | area spline range</title>
55
<meta charset="utf-8" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<link rel="stylesheet" href="/packages/vaadin-lumo-styles/lumo.css" />
78
<script type="module" src="../../common.js"></script>
89
<script type="module">
910
import '@vaadin/charts';
10-
import '@vaadin/vaadin-lumo-styles/global.css';
11-
import '@vaadin/vaadin-lumo-styles/lumo.css';
1211
import '../theme-switcher.js';
1312
</script>
1413
<script defer>

0 commit comments

Comments
 (0)