Как удалить курсор dropMenu в Bootsfaces?

Я использую BootsFaces для рендеринга адаптивного пользовательского интерфейса в проекте JSF. Все выглядит круто, что дает BootsFaces. С этим намного проще проектировать пользовательский интерфейс. Но в то же время я считаю, что может быть недостаточно гибкости для настройки пользовательского интерфейса для очень конкретных ситуаций.

Как и в моей панели навигации, я использую тег dropMenu для раскрывающегося меню.

<b:navBar brand="Brand" brandHref="#" fluid="true">
  <b:navbarLinks pull="right" styleClass="hidden-xs">

    <b:dropMenu value="Dropdown">
      <b:navLink value="Action" href="#"></b:navLink>
      <b:navLink value="Another action" href="#"></b:navLink>
    </b:dropMenu>

  </b:navbarLinks>
</b:navBar>

И это почти как Это

Но я не хочу, чтобы курсор вниз (или вверх) находился справа от текста Раскрывающийся список.

Я проверил документацию BootsFaces о DropMenu. Единственное, что я обнаружил, есть опция down, которая на самом деле не помогает в этом. Кто-нибудь знает, как я могу удалить это из dropMenu? Какие-нибудь CSS или что-то, что я пропустил из BootsFaces?


css twitter-bootstrap jsf bootsfaces
person Shafin Mahmud    schedule 18.04.2018    source источник
comment
попробуйте .caret { display:none; }   -  person Dhaval Jardosh    schedule 18.04.2018
comment
ой .. это хороший. вы можете поставить это в ответ. Меня устраивает.   -  person Shafin Mahmud    schedule 19.04.2018

Ответы (2)


arrow_upward
2
arrow_downward

Я просмотрел документацию по BootsFaces и обнаружил, что выпадающий значок имеет класс caret.

Следовательно, в этом случае работало следующее :)

.caret{
    display: none;
}
person Dhaval Jardosh    schedule 19.04.2018

arrow_upward
2
arrow_downward

Обдумывая этот вопрос в течение недели, я решил не реализовывать специальную функцию BootsFaces. Правило CSS делает свое дело. Это даже работает, если вы хотите показать или скрыть курсор в зависимости от точки останова. Просто добавьте к нему медиа-запрос.

Для справки: есть билет в баг-трекере BootsFaces.

person Stephan Rauh    schedule 25.04.2018
comment
@ Раух, я понял твою точку зрения. Собственно, я сообщил об ошибке. Но что меня беспокоило, так это то, что вы уже добавили туда параметр drop, а параметры - down и up, разве не более интуитивно понятнее иметь другой вариант none для этого? когда я впервые его использовал, я был так уверен, что должен быть какой-то такой вариант, но позже я обнаружил, что его нет. Может быть, вы могли бы переименовать параметр drop в drop-icon. Тогда в этом будет больше смысла. - person Shafin Mahmud; 25.04.2018
comment
И подумайте, почему мы используем bootfaces? Это потому, что мы не беспокоимся о макете и стиле во внешнем интерфейсе. Это отличная библиотека, которая помогает нам избавиться от этого бремени. Таким образом, должно быть достаточно поддержки, чтобы настроить стиль изначально. - person Shafin Mahmud; 25.04.2018
comment
Недавно я увидел похожий запрос функции, чтобы показать или скрыть курсор в зависимости от размера экрана. ИМХО, в этом есть большой смысл. Но: это означает добавление четырех новых атрибутов (или пяти, с BS4). Вот почему я не хочу. - person Stephan Rauh; 26.04.2018