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 {
border-radius: 3px;
- box-shadow: 0 3px 6px;
+ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
font-size: 15px;
.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);
+ }
+}