support the full screen button in codepen

mmomtchev · May 26, 2022 · 9f1adc8 · 9f1adc8
1 parent 7468934
commit 9f1adc8
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/examples/CodePenButton.tsx b/examples/CodePenButton.tsx
@@ -73,7 +73,7 @@ const CodePenButton = React.memo(function _CodePenButton(props: {
                     description:
                         'This is an editable example from rlayers - https://mmomtchev.githb.io/rlayers',
                     tags: ['openlayers', 'react', 'maps', 'rlayers'],
-                    html: '<div id="root" style="margin: 4px;"></div>',
+                    html: '<div id="fullscreen" class="fullscreen">\n  <div id="root" style="margin: 4px;">\n  </div>\n</div>',
                     js: text,
                     js_pre_processor: 'typescript',
                     css: exampleCss,

diff --git a/examples/Controls.tsx b/examples/Controls.tsx
@@ -31,9 +31,9 @@ export default function Controls(): JSX.Element {
                 <RControl.RAttribution />
                 <RControl.RZoom />
                 <RControl.RZoomSlider />
-                <RControl.RFullScreen />
                 <RControl.RFullScreen
-                    // Take a look at index.html and example.css for this one
+                    // A custom-looking full-screen control
+                    // Take a look at index.html and example.css
                     className='example-fullscreen'
                     source='fullscreen'
                     label='&#x6269;'