ditch bootstrap-vue dropdown

This commit is contained in:
Nazar Kanaev
2021-03-28 20:56:51 +01:00
parent 36bc84d99a
commit b3ba912566
3 changed files with 118 additions and 78 deletions

View File

@@ -53,17 +53,18 @@ select.form-control:not([multiple]):not([size]) {
padding-right: 0;
}
.dropdown-menu {
.settings-dropdown .dropdown-menu {
padding: 0;
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.07);
overflow: hidden;
}
.dropdown-item, .dropdown-header {
.settings-dropdown .dropdown-item,
.settings-dropdown .dropdown-header {
padding: .375rem 1rem;
}
.dropdown-divider {
.settings-dropdown .dropdown-divider {
margin: 0;
}
@@ -71,16 +72,16 @@ select.form-control:not([multiple]):not([size]) {
outline: none;
}
.settings-dropdown .dropdown-item {
cursor: pointer;
}
.settings-dropdown .dropdown-item:focus {
outline: none;
}
.settings-dropdown.large .dropdown-item {
padding: .5rem 1rem;
}
.dropdown-danger .dropdown-item {
color: #dc3545!important;
.settings-dropdown form:focus {
outline: none;
}
.modal-backdrop {
@@ -92,10 +93,6 @@ select.form-control:not([multiple]):not([size]) {
transform: none !important;
}
.b-dropdown-form:focus {
outline: none;
}
.popover:focus {
outline: none;
}