Телеграмм чат группы angular

Сделать две половинки и слепить в одном целое? Это законно, в смысле нормальный подход?

Вынести в компонент
Два инпута вроде primary/secondary
Если secondary нет, то красим полностью

Evgeny Dobriansky in Angular - русскоговорящее сообщество

22:40пожаловаться #1

Ребята, по возможности подскажите как сделать круг двухцветным (на скрине должен быть коричнево-серый круг, вместо того непонятно что)

overflow:hidden забыл

22:41пожаловаться #2

Evgeny Dobriansky

overflow:hidden забыл

Фух, вечер не испорчен, спасибо!

22:43пожаловаться #3

почему просто через градиент не сделать двуцветный круг?

22:43пожаловаться #4

почему просто через градиент не сделать двуцветный круг?

Потому что я об этом варианте не знал)))

22:44пожаловаться #5

Потому что я об этом варианте не знал)))

можно сделать 1 элемент, скруглить углы border-radius 50% и залить фон градиентом, по типу

background-image: linear-gradient(to right, red 0, red 50%, yellow 50%, yellow 100%);

22:45пожаловаться #6

А в таком случае переход между цветами будет плавным, верно?

22:46пожаловаться #7

нет, резким на 50%

22:46пожаловаться #8

ага, спасибо и за этот вариант, попробую сейчас

22:47пожаловаться #9

а вообще в чем возможные достоинства/недостатки подходов с градиентом и before/after?

Evgeny Dobriansky in Angular - русскоговорящее сообщество

22:48пожаловаться #10

градиент как минимум меньше кода

22:51пожаловаться #11

Видимо градиент для таких ситуаций лучший выбор, компактнее код

22:51пожаловаться #12

спасибо, ребята

22:52пожаловаться #13

а вообще в чем возможные достоинства/недостатки подходов с градиентом и before/after?

да он не то чтобы противоречил, можно after/before превратить в шарик с градиентом

Alexey ZloDeeV in Angular - русскоговорящее сообщество

22:54пожаловаться #14

2020 April 05

а вообще в чем возможные достоинства/недостатки подходов с градиентом и before/after?

after и before это элементы дома, хоть и псевдо, браузеру их придётся добавить в дерево. А градиент это свойство, которое меняется за один repaint

Vitaly Lipko in Angular - русскоговорящее сообщество

04:23пожаловаться #15

Bohdan

А стили у вас scss нормально дружат с этим ui китом?

Да нормально

Chadwick ☭ in Angular - русскоговорящее сообщество

05:09пожаловаться #16

C☭

Anton Shvets

constructor(@Host() componentA: ComponentA) {}
Если его нет в родителях, то код упадет.
Так же с помощью Optional можно просто проверить наличие родителя.

спасибо!

Chadwick ☭ in Angular - русскоговорящее сообщество

08:51пожаловаться #17

C☭

привет! есть ли более менее щадящая возможность наложить класс на боди из сервиса без инжекта appComponent'a? аппКомпонента селектит "body"... но на данный момент у меня вылетает ошибка в тестах

        NullInjectorError: R3InjectorError(DynamicTestModule)[ModalService -> AppComponent -> AppComponent]:

Vladimir Luvolunov in Angular - русскоговорящее сообщество

08:53пожаловаться #18

Ребят, вес всех бандлов при переходе на девятку увеличился на 200-300кб. У всех так?

Chadwick ☭ in Angular - русскоговорящее сообщество

08:54пожаловаться #19

C☭

Vladimir Luvolunov

Ребят, вес всех бандлов при переходе на девятку увеличился на 200-300кб. У всех так?

должно быть наоборот ) вроде