Browse Source

Fix menu to have same border color on keyboard tab

pull/2034/head
jlukic 9 years ago
parent
commit
3510d967df
2 changed files with 20 additions and 11 deletions
  1. 21
      src/definitions/modules/dropdown.less
  2. 10
      src/themes/default/modules/dropdown.variables

21
src/definitions/modules/dropdown.less

@ -450,22 +450,29 @@ select.ui.dropdown {
border: @selectionBorder;
opacity: @disabledOpacity !important;
}
/* Visible */
.ui.selection.dropdown.visible {
border-color: @selectionVisibleBorderColor;
box-shadow: @selectionVisibleBoxShadow;
}
.ui.selection.visible.dropdown .menu {
border-color: @selectionVisibleBorderColor;
box-shadow: @selectionVisibleMenuBoxShadow;
}
/* Visible Hover */
.ui.selection.visible.dropdown:hover {
border-color: @selectionVisibleHoverBorderColor;
box-shadow: @selectionVisibleHoverBoxShadow;
}
.ui.selection.visible.dropdown:hover .menu {
border: @selectionVisibleHoverMenuBorder;
.ui.selection.visible.dropdown .menu {
border-color: @selectionVisibleHoverBorderColor;
box-shadow: @selectionVisibleHoverMenuBoxShadow;
}
/* Visible */
.ui.selection.dropdown.visible {
border-color: @selectionVisibleBorderColor;
box-shadow: @selectionVisibleBoxShadow;
}
/* Active Item */
.ui.selection.active.dropdown > .text:not(.default),

10
src/themes/default/modules/dropdown.variables

@ -172,15 +172,17 @@
@selectionHoverBoxShadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.05);
/* Visible */
@selectionVisibleBorderColor: @selectedBorderColor;
@selectionVisibleBoxShadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
@selectionVisibleTextFontWeight: normal;
@selectionVisibleTextColor: @hoveredTextColor;
@selectionVisibleBorderColor: @selectedBorderColor;
@selectionVisibleBoxShadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
@selectionVisibleMenuBoxShadow: 0px 2px 6px 0px @borderColor;
/* Visible Hover */
@selectionVisibleHoverBorderColor: @selectedBorderColor;
@selectionVisibleHoverBoxShadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
@selectionVisibleHoverMenuBoxShadow: 0px 2px 6px 0px @borderColor;
@selectionVisibleHoverBoxShadow: @selectionVisibleBoxShadow;
@selectionVisibleHoverMenuBoxShadow: @selectionVisibleMenuBoxShadow;
@selectionVisibleConnectingBorder: 0em;
@selectionVisibleIconOpacity: 1;

Loading…
Cancel
Save