animation: spin .7s infinite linear;
}
+.flex-auto {
+ flex: auto;
+}
+
@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) {
+ .modal:before {
+ vertical-align: middle;
+ content: " ";
+ height: 100%;
+ }
+
+ .modal-dialog {
+ text-align: left;
+ vertical-align: middle;
+ min-width: 500px;
+ width: 40vw;
+ max-width: 900px;
+ }
+}
+
.modal {
+ text-align: center;
+
.modal-content {
background-color: var(--mainBackgroundColor);
}
max-height: 1500px;
}
}
+
+.dropdown-divider {
+ margin: 0.3rem 0;
+}
+
+ngb-modal-backdrop {
+ z-index: z(modal) - 1 !important;
+}
+
+ngb-modal-window {
+ z-index: z(modal) !important;
+}
+
+.btn-outline-tertiary {
+ color: var(--secondaryColor);
+ border-color: var(--secondaryColor);
+
+ &:hover {
+ color: var(--mainBackgroundColor);
+ background-color: var(--secondaryColor);
+ }
+}