Size: a a a

2020 September 01

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Константин
Собственно, я тоже именно поэтому эту тему снова поднял ) + получается, что их поведение задавать приходится не в том компоненте, который для этого предназначен, а в родителе
Можно написать ведь стиль типа:

<div class=“left”>
 <slot name=“left”/>
</div>

<style>
  .left > * { ... }
</style>
источник

К

Константин in Svelte [svelt]
Ага, и лефт окажется завернут в другой див, который изолирует поведение этого самого лефт
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Константин
Ага, и лефт окажется завернут в другой див, который изолирует поведение этого самого лефт
Чего?
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Это внутри компонента Layout
источник

К

Константин in Svelte [svelt]
Да
источник

К

Константин in Svelte [svelt]
Но он будет внутри изолирующего дива в этом лэйауте
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Не понимаю тогда. Нужен пример. Вопрос был что надо тот div который лишний, как бы, стилизовать из компонента Layout. Это можно так сделать
источник

К

Константин in Svelte [svelt]
Pavel 🦇 Malyshev
Не понимаю тогда. Нужен пример. Вопрос был что надо тот div который лишний, как бы, стилизовать из компонента Layout. Это можно так сделать
Стоп, но див со слотнэймом прокидывается сверху же
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Константин
Стоп, но див со слотнэймом прокидывается сверху же
И что?
источник

К

Константин in Svelte [svelt]
Как ты его стилизуешь внутри лэйаута?
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Это же просто DOM дерево
источник

К

Константин in Svelte [svelt]
У тебя же класс для него из стилей лэйаута удалится
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Константин
У тебя же класс для него из стилей лэйаута удалится
Не должен
источник

К

Константин in Svelte [svelt]
А, понял твою мысль
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Могу что-то путать, но мне кажется это должно работать. Мы как бы говорим что для нашего лейаута left у нас его прямые потомки должны соотсветствовать таким то стилям, чтобы этот лейаут сработал
источник

К

Константин in Svelte [svelt]
Но опять же, у тебя получается так - див.лефт - див слот - контент слота. Кто-то тут лишний и мешает связке див.лефт - контент слота.
источник

К

Константин in Svelte [svelt]
Если у тебя див.лефт релейтив, а контент абсолют, у контента получится не то поведение, которого ты ожидаешь
источник

К

Константин in Svelte [svelt]
Он будет абсолют не внутри релейтива, а внутри статика, если ты див слот не стилизуешь в паренте
источник

A

Arushwl in Svelte [svelt]
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Нужен пример, а то утомительно в теории обсуждать. Можно даже так сделать, если надо:

<div class=“wrapper”>
 <slot name=“left”/>
 ...
</div>

<style>
  .wrapper > [slot=“left”] {}
</style>
источник