xref: /openbmc/webui-vue/src/assets/styles/bmc/custom/_dropdown.scss (revision d36ac8a8be8636ddd0e64ce005d507b21bcdeb00)
1
2// Make calendar visible over the table
3.dropdown-menu {
4  z-index: $zindex-dropdown + 1;
5  padding: 0;
6}
7.dropdown-item {
8  padding-inline-start: calc(#{$spacer} / 4);
9  margin-top: calc(-1 * (#{$spacer} / 4));
10}
11.b-dropdown-form {
12  padding: calc(#{$spacer} / 2);
13  // Maintain .form-group spacing for backward compatibility
14  .form-group {
15    margin-bottom: calc(#{$spacer} / 2);
16  }
17}
18// Table filter dropdown clear button style
19.table-filter {
20  .dropdown-item {
21    &:hover {
22      background-color: $gray-200;
23    }
24    &:active {
25      background-color: $gray-300;
26    }
27    &:focus {
28      outline: none;
29      background-color: transparent;
30      box-shadow: inset 0 0 0 2px theme-color("primary");
31    }
32  }
33}
34