прямо сейчас содержимое выпадающих списков по умолчанию находится в правом нижнем углу.можно установить положение выпадающих (zurb foundation)?
Есть ли возможность установить его так, чтобы он находился в левом нижнем углу?
(основание 5)
Стиль "право" применяется через JS. Чтобы переопределить это, просто дайте #contentDrop стиль #contentDrop{left: -100px !important;} или любое другое значение, которое вы хотели бы вытащить влево. Вам нужно будет отрегулировать модели .f-dropdown:after{left:XXpx !important;} и .f-dropdown:before{left:XXpx !important;}, чтобы принести маленький треугольник справа от раскрывающегося списка.
Это не помогло мне. – Dex
Я успешно переместил треугольник с '.f-dropdown: after' и' .f-dropdown: before' –
Это взлом, потому что Zurb-Foundation все еще работает над решением этой проблемы. Существует github issue, связанный с этим. Я нашел Hack here, который помог мне решить эту проблему.
Использование этой информации здесь, как получить правильность выравнивания. Добавьте класс bottom-align-left в раскрывающемся меню div содержания:
<a href="#" data-options="align:bottom" data-dropdown="drop2">Search</a>
<div id="drop2" data-dropdown-content class="f-dropdown bottom-align-left">
Затем добавьте в ваш CSS или файл SCSS. Вам нужно будет сыграть с номером, чтобы все было правильно.
.bottom-align-left {
margin-left: -375px;
}
Теперь треугольник появляется не в том месте. Чтобы исправить это, удалите треугольник.
_settings.scss.$f-dropdown-triangle-size и установить его в 0px т.е. $f-dropdown-triangle-size: 0px;
Что вы имеете в виду внизу справа? Из его вызываемого лица? Можете ли вы предоставить демо? –
просто нужно посмотреть здесь: http://foundation.zurb.com/docs/components/dropdown.html выпадающий список вниз и вправо. Я хотел бы опуститься и налево – vidalsasoon
Имея ту же проблему. Нашли разумное решение, случайно? – elsurudo