}
@keyframes spin {
- from { transform: scale(1) rotate(0deg);}
- to { transform: scale(1) rotate(360deg);}
+ from {
+ transform: scale(1) rotate(0deg);
+ }
+ to {
+ transform: scale(1) rotate(360deg);
+ }
+}
+
+.dropdown {
+ z-index: z(dropdown) !important;
}
.dropdown-menu {
.dropdown-item {
padding: 3px 15px;
- &:active {
- color: #000 !important;
+ &.active {
+ color: var(--mainBackgroundColor) !important;
+ background-color: var(--mainHoverColor);
+ opacity: .9;
}
}
}
-@media screen and (min-width: 768px) {
+@media screen and (min-width: 768px) {
.modal:before {
- display: inline-block;
vertical-align: middle;
content: " ";
height: 100%;
}
.modal-dialog {
- display: inline-block;
text-align: left;
vertical-align: middle;
min-width: 500px;
}
ngb-modal-backdrop {
- z-index: 10000 !important;
+ z-index: z(modal) - 1 !important;
+}
+
+ngb-modal-window {
+ z-index: z(modal) !important;
}
.btn-outline-tertiary {
- color: var(--secondaryColor);
+ color: var(--secondaryColor);
border-color: var(--secondaryColor);
-
+
&:hover {
color: var(--mainBackgroundColor);
background-color: var(--secondaryColor);