xref: /openbmc/webui-vue/src/assets/styles/bmc/custom/_dropdown.scss (revision 7d6b44cb263da09e575c7cb28cab88c1eb339c7b)
1*7d6b44cbSEd Tanous@import 'bootstrap/dist/css/bootstrap.css';
2*7d6b44cbSEd Tanous
3dc618a8dSSurenNeware// Make calendar visible over the table
4dc618a8dSSurenNeware.dropdown-menu {
5*7d6b44cbSEd Tanous  //z-index: $zindex-dropdown + 1;
6dc618a8dSSurenNeware  padding: 0;
7dc618a8dSSurenNeware}
8a88f7529SYoshie Muranaka.dropdown-item {
93aecc07dSSandeepa Singh  padding-left: $spacer/4;
103aecc07dSSandeepa Singh  margin-top: -1 * $spacer/4;
11a88f7529SYoshie Muranaka}
12a88f7529SYoshie Muranaka.b-dropdown-form {
13a88f7529SYoshie Muranaka  padding: $spacer/2;
14a88f7529SYoshie Muranaka  .form-group {
15a88f7529SYoshie Muranaka    margin-bottom: $spacer/2;
16a88f7529SYoshie Muranaka  }
17a88f7529SYoshie Muranaka}
18dc618a8dSSurenNeware// Table filter dropdown clear button style
19a88f7529SYoshie Muranaka.table-filter {
20b46e5351SSurenNeware  .dropdown-item {
21b46e5351SSurenNeware    &:hover {
22b46e5351SSurenNeware      background-color: gray("200");
23b46e5351SSurenNeware    }
24b46e5351SSurenNeware    &:active {
25b46e5351SSurenNeware      background-color: gray("300");
26b46e5351SSurenNeware    }
27b46e5351SSurenNeware    &:focus {
28b46e5351SSurenNeware      outline: none;
29b46e5351SSurenNeware      background-color: transparent;
30b46e5351SSurenNeware      box-shadow: inset 0 0 0 2px theme-color("primary");
31b46e5351SSurenNeware    }
32b46e5351SSurenNeware  }
33a88f7529SYoshie Muranaka}