Опубликовано: 8 февраля 2016
Блок сотрудники приложения Хаб
Как настроить правильный перенос ролей сотрудников, а еще лучше разместить роль под именем. То, что есть сейчас, выглядит немного коряво
- Коломна, ул. Кирова, 60а, офис 7
- +7 (995) 656-25-45
- kolmakov.igor@gmail.com
Комментарии (6)
Верстка в целом тоже не доработана. прошу поправить
укажите адрес сайта
Для раздела "сотрудники"
в пользовательских стилях
пропишите правило
.hub-aside-nav .staff {
padding: 3px 5px;
display: table;
margin-bottom: 20px;
}
Для статьи
"роль сотрудника" в блоке который ограничен по ширине, но символы идущие друг за другом без пробелов - не переносятся на новую строку и соответственно выходят за границы родительского блока
Можно:
1. либо изменить наименование "роли" сорудника
2. изменить условия обтекания блока
в пользовательских стилях пропишите
.meta {
width: auto;
float: left;
text-align: center;
padding-top: 5px;
margin-right: 20px;
}
.topic .meta .staff {
padding: 3px 5px;
display: table;
margin-bottom: 20px;
}
3. увеличить отступ слева области содержимого
в пользовательских стилях пропишите правило
.meta-ousted {
margin-left: 115px;
}
Значение 115px можно изменить
* данное решение будет работать для всех топиков
Подскажите еще пож, как выровнять роль по имени а не по аватаре (как первый сотрудник на скрине ниже)
в пользовательских стилях пропишите правило
.hub-aside-nav .autor-wrap img.userpic {
float: left;
margin-bottom: 20px;
}