Size: a a a

2021 March 13

AS

Alexey Schebelev in Svelte [svelt]
Значит обойдётся =)
источник

AS

Alexey Schebelev in Svelte [svelt]
там есть еще статейки до которых я не добрался - типа https://svelte.dev/blog/whats-the-deal-with-sveltekit
источник

MM

Mikluha Mclay in Svelte [svelt]
Парни привет. А сталкивался кто с такой фигней: https://svelte.dev/repl/bf897e1370de437aa8d2eb6ccc701fd3?version=3.35.0 ?
источник

MM

Mikluha Mclay in Svelte [svelt]
видео после скрытия не реагирует на play|pause
источник

DK

Dan Kozlov in Svelte [svelt]
Mikluha Mclay
видео после скрытия не реагирует на play|pause
Интересный баг. Вот вам фикс.
https://svelte.dev/repl/bcf396d4987c4158817d86a48c23a8fd?version=3.35.0

Вот 51 строка в моём репле:
video[video_is_paused ? "pause" : "play"]();
Он исполняется только если paused переменная была изменена, стала dirty. Если нет, то до этого кода оно просто не добирается.
источник

DK

Dan Kozlov in Svelte [svelt]
Видимо, основная задумка в том, чтобы вы писали paused декларативным и derived от реального стейта тега video. В моей реализации проблем никогда не будет, а у вас — вполне.
источник

MM

Mikluha Mclay in Svelte [svelt]
большое спасибо ) щас буду вникать
источник

КС

Кирилл Спасибович... in Svelte [svelt]
парни а как надёжно получить ширину текста чтобы разместить приколюшки?

  function width(node: HTMLElement): void {
   const lineNew = node.querySelector('.line-new');
   const width = lineNew?.getBoundingClientRect().width || 0;
   node.style.setProperty('--width', `${width / 1.3}px`);
 }


делаю вот так, а потом так:

width: calc(50% - var(--width) - 1em);
источник

КС

Кирилл Спасибович... in Svelte [svelt]
но в итоге получаются ширины разные, т.е. нет какого-то постоянства в расстояниях приколюх от текста
источник

DK

Dan Kozlov in Svelte [svelt]
Кирилл Спасибович
парни а как надёжно получить ширину текста чтобы разместить приколюшки?

  function width(node: HTMLElement): void {
   const lineNew = node.querySelector('.line-new');
   const width = lineNew?.getBoundingClientRect().width || 0;
   node.style.setProperty('--width', `${width / 1.3}px`);
 }


делаю вот так, а потом так:

width: calc(50% - var(--width) - 1em);
А зачем JS? Это же можно сверстать, разве нет?
источник

КС

Кирилл Спасибович... in Svelte [svelt]
Подскажи как, это на псевдоэлементах
источник

MZ

Misha Zamkevich in Svelte [svelt]
Кирилл Спасибович
Подскажи как, это на псевдоэлементах
источник

DK

Dan Kozlov in Svelte [svelt]
Кирилл Спасибович
Подскажи как, это на псевдоэлементах
https://svelte.dev/repl/0c23f32d2ca44ce095c489afb1f58fee?version=3.35.0

Я не всё воспроизвёл, но сделать дабл бордеры ты, думаю, сможешь, как и нужные псевдоэлементы поставить
источник

MZ

Misha Zamkevich in Svelte [svelt]
Хехе))
источник

DK

Dan Kozlov in Svelte [svelt]
Misha Zamkevich
Хехе))
Что хехе-то, у тебя не то, что надо :)
источник

DK

Dan Kozlov in Svelte [svelt]
Где полоска и центрирование? :)
источник

MZ

Misha Zamkevich in Svelte [svelt]
Ну может мне и аппку сразу собрать, шоб два раза не вставать? 😄
источник

A

Arushwl in Svelte [svelt]
Агась...
источник

КС

Кирилл Спасибович... in Svelte [svelt]
@zamkevich @dkzlv спасибо большое!
а то у меня уже ступор мозговины подъехал))
источник

MZ

Misha Zamkevich in Svelte [svelt]
Кирилл Спасибович
@zamkevich @dkzlv спасибо большое!
а то у меня уже ступор мозговины подъехал))
источник