chore(site): small slides corrections

exadel-inc · Jun 27, 2024 · bb1d6f6 · bb1d6f6
1 parent 00b66a7
commit bb1d6f6
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 21 deletions.
diff --git a/site/views/overview/quick/02-core/04-event-listener.njk b/site/views/overview/quick/02-core/04-event-listener.njk
@@ -14,11 +14,6 @@ parent: 00-core
 
 {% code 'typescript', 'code-block' %}
   class MyComponent extends ESLBaseElement {
-    @listen('click')
-    onClick(event) {
-      console.log('Component clicked', event);
-    }
-
     @listen({event: 'click', selector: 'button'})
     onBtnClick(event) {
       console.log('Button click catched with delegation', event);

diff --git a/site/views/overview/quick/02-core/05-media-query.njk b/site/views/overview/quick/02-core/05-media-query.njk
@@ -8,16 +8,10 @@ parent: 00-core
 <h3>{{ title }}</h3>
 
 {% code 'typescript', 'code-block' %}
-  import {ESLMediaQuery} from '@exadel/esl';
-
-  ESLMediaQuery.for('@XS').addListener((event) => {
-  console.log('Media query changed', event.matches);
-  })
+  ESLMediaQuery.for('@XS').matches; // true if XS
+{% endcode %}
 
-  class Test {
+{% code 'typescript', 'code-block' %}
   @listen({event: 'change', target: ESLMediaQuery.for('@XS or @SM')})
-  onMediaQueryChange(event) {
-  console.log('Media query changed', event.matches);
-  }
-  }
+  onMediaQueryChange(event) {/*...*/}
 {% endcode %}
diff --git a/site/views/overview/quick/02-core/06-traversing-query.njk b/site/views/overview/quick/02-core/06-traversing-query.njk
@@ -8,12 +8,10 @@ parent: 00-core
 <h3>{{ title }}</h3>
 
 {% code 'typescript', 'code-block' %}
-  import {ESLTraversingQuery} from '@exadel/esl';
-
   const $base = ...; // some base element (as context)
 
-  const $result = ESLTraversingQuery.find($base, '::find(button)::visible'); // find all visible buttons in the base element
-  const $result = ESLTraversingQuery.find($base, '::find(button)::nth(2)'); // find second button in the base element
-  const $result = ESLTraversingQuery.find($base, '::next'); // get next sibling of the base element
-  const $result = ESLTraversingQuery.find($base, '::prev(a)'); // get previous sibling of the base element that is an anchor
+  ESLTraversingQuery.find($base, '::find(button)::visible'); // find all visible buttons in the base element
+  ESLTraversingQuery.find($base, '::find(button)::nth(2)'); // find second button in the base element
+  ESLTraversingQuery.find($base, '::next'); // get next sibling of the base element
+  ESLTraversingQuery.find($base, '::prev(a)'); // get previous sibling of the base element that is an anchor
 {% endcode %}