Можно ли "запретить" теням накладываться друг на друга?

Рустам Байназаров, можно подробнее?

отдельный блок с абсолютным позиционированием

может значить почти все что угодно)

Можно ли "запретить" теням накладываться друг на друга?

вот такая ситуация
"прямоугольник1" - карточка товара, "прямоугольник2" выделен красным. Синим выделил наложение теней..
Вроде и не большая беда, но глаз режет

Как создать контекстное меню с действием надо строкой?

fokin_nikolay1989, верстка через эхо - и вправду подозрительно выглядит) лучше передать данные в js, там сделать селект и appendChild() залить в верстку.

а

Берете пишете скрипт который отлавливает нажатие ПКМ, верстаете "контекстное меню", по нажатию на ПКМ вызываете ваше меню

на самом деле так и будет)

Как узнать кто досит твой WIFI?

Молзв Реках, вычислить по айпи собрались? :D

WeChat и fb massanger на сайт?

Проблема Гугл транслейта в том, что с иероглифами он плохо работает, слишком примерно переводит, настолько примерно, что я в универе беру чей-то отчёт по лаб.работам, перевожу на с ру на японский, потом на китайский и обратно на русский, правлю окончания и склонения в словах и сдаю как свою Лабу, преподаватели принимают)))
Но я в любом случае попробую, спасибо

Как из js разорвать строку?

Ankhena, да, атрибут, оговорка. никогда html не минифицировал.
в любом случае получаю с сервера "Есть вопрос?\n Мы вам перезвоним" и в медиа запросе делаю white-space: pre-line и готово

Как из js разорвать строку?

Ankhena, Окей, немного погуглив, я нашел, что св-во clear тега br убрали из стандарта в html5, сам же br все еще входит в стандарт.

Как из js разорвать строку?

И получать строку уже с переносом строки, гениально, спасибо

Как из js разорвать строку?

<h2 className="second-title callback-form__title">
  { title }
</h2>

особо некуда добавлять) Тот вариант, что я описывал выше слишком коряв, мне кажется

Как из js разорвать строку?

Ankhena,

это кто вам сказал?

Не помню уже где я это увидел.

Есть какой-то новый тег для переноса строки?

Блочные теги же для этого есть.

Как из js разорвать строку?

можно чуть более развернутый ответ?

Как из js разорвать строку?

Пробовал, т.к. "Есть вопрос?" явно короче, чем "Мы вам перезвоним" - при уменьшении получится либо
`Есть вопрос? Мы`
`вам перезвоним` , либо
`Есть вопрос?`
`Мы вам`
`перезвоним`

Как из js разорвать строку?

текст приходит с сервера)

<h2 className="second-title callback-form__title">
  { title }
</h2>

да и /br безнадежно устарел)

Что делать, если в componentDidMount мне надо зарендерить react-элемент в dom?

Антон Спирин, понял, спасибо!

Что делать, если в componentDidMount мне надо зарендерить react-элемент в dom?

Антон Спирин почему я до этого не догадался? -_- Спасибо)
Может есть какой-то сервис, который уберет fill из всех моих иконок? не все же ручками править..

Что делать, если в componentDidMount мне надо зарендерить react-элемент в dom?

вот в чем загвоздка)

Что делать, если в componentDidMount мне надо зарендерить react-элемент в dom?

`ReactDOM.render( svgIcon, item );` я вот так решил проблему

дело в том, что в проекте используется svg лоадер, который генерирует спрайт и обращается к нужной картинке через тэг ``. Был вариант в css задать svg картинку как бекграунд для ползунка, но тогда fill и stroke перестают работать

вот я и запарился с добавлением элемента уже после всего рендера, других вариантов, за неимением опыта, не вижу)

Как менять цвет внешнего SVG?

Антон Спирин, что-то не получается с этой штукой:
в конфиг вебпака добавил вот это

{
      test: /\.svg$/,
      loader: 'svg-sprite-loader',
      options: {}
    }

Сделал отдельный компонент для svg:

import React from 'react';

const Svg = ( { src, className = 'icon', ...props } ) => {
  console.log( src.id, src.viewBox );
  return (
    <svg className={ className } viewBox={ src.viewBox } { ...props }>
      <use xlinkHref={ `#${src.id}` } />
    </svg >
  )
};

export default Svg;

И использую вот так:

import googleIcon from '../../../public//img/icons/google.svg';
import Svg from '../Svg';


class MainButton extends Component {

  render () {
    const {
      text = '',
      onClick = () => { },
      disabled = false,
      type = 'default'
    } = this.props;

    const img = <Svg src={ googleIcon } className="main-button__icon"/>;
      return (
        <button className={ `main-button main-button__${type}` } disabled={ disabled } onClick={ onClick }>
          { img }
          { text }
        </button>
      );
   }
}

и на страницу мне приходит вот это:

<svg class="main-button__icon">
  <use xlink:href="#undefined"></use>
</svg>

Как менять цвет внешнего SVG?

Антон Спирин, Понял, спасибо)) Полезная штука

Как менять цвет внешнего SVG?

пробовал когда-то со спрайтами работать, но спрайт - как ни крути - 2 и более картинок. Да, весят они не на много больше одной картинки. Да, у всех сейчас 3g, lte интернет на телефонах и можно грузить сколько-угодно много контента, но это не мой подход)
Конкретно в этом случае пользовать спрайты нет смысла, ибо иконка может быть либо цветная, либо белая)