Skip to content

Commit

Permalink
Make comment about tooltip tails more precise
Browse files Browse the repository at this point in the history
  • Loading branch information
@akhmadullin
akhmadullin committed Sep 29, 2024
1 parent 63fab53 commit bcf8b76
Showing 1 changed file with 8 additions and 8 deletions.
16 changes: 8 additions & 8 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3334,15 +3334,15 @@ <h2 class="place slide_title centered-text">
<!-- <section class="slide">
<pre class="place ">
<code class="language-css">
/* для кейса, когда поповер под якорем */
/* для кейса, когда поповер под кнопкой */
[popover]::before {
/* растягиваем хвостик между двумя якорями */
top: anchor(--button-element end);
bottom: anchor(--popover-element start);
transform: translateY(7px) rotate(45deg);
}
/* для кейса, когда поповер под якорем */
/* для кейса, когда поповер над кнопкой */
[popover]::after {
/* растягиваем хвостик между двумя якорями */
top: anchor(--popover-element end);
Expand All @@ -3354,15 +3354,15 @@ <h2 class="place slide_title centered-text">
</section> -->
<section class="slide">
<pre class="place "> <code class="language-css hljs" data-highlighted="yes">
<span class="hljs-comment">/* для кейса, когда поповер под якорем */</span>
<span class="hljs-comment">/* для кейса, когда поповер под кнопкой */</span>
<span class="hljs-selector-attr">[popover]</span><span class="hljs-selector-pseudo">::before</span> {
<span class="hljs-comment">/* растягиваем хвостик между двумя якорями */</span>
<span class="hljs-attribute">top</span>: <span class="hljs-built_in">anchor</span>(--button-element end);
<span class="hljs-attribute">bottom</span>: <span class="hljs-built_in">anchor</span>(--popover-element start);
<span class="hljs-attribute">transform</span>: <span class="hljs-built_in">translateY</span>(<span class="hljs-number">7px</span>) <span class="hljs-built_in">rotate</span>(<span class="hljs-number">45deg</span>);
}

<span class="hljs-comment">/* для кейса, когда поповер под якорем */</span>
<span class="hljs-comment">/* для кейса, когда поповер над кнопкой */</span>
<span class="hljs-selector-attr">[popover]</span><span class="hljs-selector-pseudo">::after</span> {
<span class="hljs-comment">/* растягиваем хвостик между двумя якорями */</span>
<span class="hljs-attribute">top</span>: <span class="hljs-built_in">anchor</span>(--popover-element end);
Expand All @@ -3375,15 +3375,15 @@ <h2 class="place slide_title centered-text">

<section class="slide">
<pre class="place "> <code class="language-css hljs" data-highlighted="yes">
<span class="hljs-comment">/* для кейса, когда поповер под якорем */</span>
<span class="hljs-comment">/* для кейса, когда поповер под кнопкой */</span>
<span class="muted"><span class="hljs-selector-attr">[popover]</span><span class="hljs-selector-pseudo">::before</span> {</span>
<span class="hljs-comment">/* растягиваем хвостик между двумя якорями */</span>
<span class="hljs-attribute">top</span>: <span class="hljs-built_in">anchor</span>(--button-element end);
<span class="hljs-attribute">bottom</span>: <span class="hljs-built_in">anchor</span>(--popover-element start);
<span class="muted"><span class="hljs-attribute">transform</span>: <span class="hljs-built_in">translateY</span>(<span class="hljs-number">7px</span>) <span class="hljs-built_in">rotate</span>(<span class="hljs-number">45deg</span>);
}

<span class="hljs-comment">/* для кейса, когда поповер под якорем */</span>
<span class="hljs-comment">/* для кейса, когда поповер над кнопкой */</span>
<span class="hljs-selector-attr">[popover]</span><span class="hljs-selector-pseudo">::after</span> {
<span class="hljs-comment">/* растягиваем хвостик между двумя якорями */</span>
<span class="hljs-attribute">top</span>: <span class="hljs-built_in">anchor</span>(--popover-element end);
Expand All @@ -3396,15 +3396,15 @@ <h2 class="place slide_title centered-text">

<section class="slide">
<pre class="place "> <code class="language-css hljs" data-highlighted="yes">
<span class="muted"><span class="hljs-comment">/* для кейса, когда поповер под якорем */</span>
<span class="muted"><span class="hljs-comment">/* для кейса, когда поповер под кнопкой */</span>
<span class="hljs-selector-attr">[popover]</span><span class="hljs-selector-pseudo">::before</span> {
<span class="hljs-comment">/* растягиваем хвостик между двумя якорями */</span>
<span class="hljs-attribute">top</span>: <span class="hljs-built_in">anchor</span>(--button-element end);
<span class="hljs-attribute">bottom</span>: <span class="hljs-built_in">anchor</span>(--popover-element start);
<span class="hljs-attribute">transform</span>: <span class="hljs-built_in">translateY</span>(<span class="hljs-number">7px</span>) <span class="hljs-built_in">rotate</span>(<span class="hljs-number">45deg</span>);
}</span>

<span class="hljs-comment">/* для кейса, когда поповер под якорем */</span>
<span class="hljs-comment">/* для кейса, когда поповер над кнопкой */</span>
<span class="muted"><span class="hljs-selector-attr">[popover]</span><span class="hljs-selector-pseudo">::after</span> {</span></span>
<span class="hljs-comment">/* растягиваем хвостик между двумя якорями */</span>
<span class="hljs-attribute">top</span>: <span class="hljs-built_in">anchor</span>(--popover-element end);
Expand Down

0 comments on commit bcf8b76

Please sign in to comment.