Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Align dots in sector description #4

Closed
Suput opened this issue Feb 8, 2022 · 4 comments
Closed

Align dots in sector description #4

Suput opened this issue Feb 8, 2022 · 4 comments
Assignees
Labels
bug Something isn't working
Milestone

Comments

@Suput
Copy link
Contributor

Suput commented Feb 8, 2022

Почему-то первая точка съезжает вправо, хотя в описании всё окей
Описание:

'L6-T1': {
        id: 'L6-T1',
        name: 'Стажёр',
        // Описание должности
        direction: 'Сотрудник, цель которого — получение знаний и первого опыта. ' +
            'В зависимости от местных условий, может быть нанят в отдел и работать с простейшими задачами, ' +
            'либо проходить специализированную стажировку, отделенную от настоящих задач вообще.',
        // Чем занимается
        typeOfActivity: 'Обучается в профессии, вливается в компанию, развивается и приобретает навыки ' +
            'для работы над дальнейшими проектами',
        // Необходимые навыки
        requirements: '•\tГотовность к обучению в отрасли\n' +
            '•\tУмение анализировать свои ошибки\n' + 
            '•\tКоммуникативные навыки\n' + 
            '•\tБазовые знания в ИТ\n' + 
            '•\tБазовые навыки программирования\n' + 
            '•\tПонимание устройства программных продуктов',
        // Как стать
        howBecome: 'Стать стажёром можно не имея большого опыта разработки, однако базовые навыки должны присутствовать. ' +
            'Главное, чтобы человеку была интересна сфера IT и он хотел развиваться в этом направлении',
        // Куда расти
        careerGrowth: 'После стажёра сотрудник может занять должность младшего разработчика'
    },

Скрин:
image

@Suput Suput added the bug Something isn't working label Feb 8, 2022
@Suput Suput added this to the MVP milestone Feb 8, 2022
@gextnen
Copy link
Collaborator

gextnen commented Feb 8, 2022

Тут не так просто, как кажется. Из-за особенностей css white-space(сейчас white-space: pre-wrap, ставит автоматически пробел в начале абзаца ). Есть три путя:

  1. white-space: pre-line. Точки встанут как надо, Но не будет отображаться табуляция('\t') - первый скрин

1

  1. white-space: pre-wrap. Оставить, как есть, но добавить в текстовки пробелы перед '•'. - второй скрин

image

  1. white-space: pre-wrap. Добавить какой-то текст перед списком, чтобы он съел пробел. - третий скрин

image

@gextnen
Copy link
Collaborator

gextnen commented Feb 8, 2022

Нужен совет, как лучше сделать

@Suput
Copy link
Contributor Author

Suput commented Feb 8, 2022

@malovvan
Можно оставить как есть, чтобы всегда видеть проблему перед глазами
Моё предложение 1: парсить это в <span>
Моё предложение 2: хранить это описание на бэке и сделать его в виде markdown

@Suput
Copy link
Contributor Author

Suput commented Mar 4, 2022

Перейдём на markdown текст

@Suput Suput closed this as completed Mar 4, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants