// RedmineX Theme
// Copyright 2020 RedmineX
// For license, see https://www.projectino.cz
// Created by Michael Staněk
// Created without vendor prefixes, "AutoPrefixed" by PrePros v5 (https://prepros.io)
 
// Media Queries to Copy / Paste:
 
// 380px
// @include media-breakpoint-up(xxs) {}

// 480px
// @include media-breakpoint-up(xs) {}

// 576px
// @include media-breakpoint-up(sm) {}

// 768px
// @include media-breakpoint-up(md) {}

// 899px
// @include media-breakpoint-up(redmine-mobile) {}

// 992px
// @include media-breakpoint-up(lg) {}

// 1200px
// @include media-breakpoint-up(xl) {}

// 1500px
// @include media-breakpoint-up(hd) {}

// 1900px
// @include media-breakpoint-up(2k) {}

/* ==========================================================================
   Redmine Checklist
   ========================================================================== */

div#checklist {
	
	li:not(.checklist-section) {
		margin: 0 !important;
		padding: 0 !important;
	}
	
	&>.contextual {
		float: right;
	}
	
	#switch_link {
		@include btn;
		@include btn-tetriary;
		
		&:before {
			@extend %fa-icon;
			@extend .fal;
			margin-right: 0.5rem;
			content: fa-content($fa-var-times);
		}
	}
	
	p>strong {
	
		&:before {
			@extend %fa-icon;
			@extend .fal;
			margin-right: 0.5rem;
			content: fa-content($fa-var-check);
			color: $fa-font-color;
		}
	}

	&>p>strong,
	.checklist-section {
		color: $headings-color;
		font-size: 1.125em;
	}
	
	.checklist-section {
		margin-top: 1rem;
	}
}

span.checklist-edit-box input {
	margin-right: 0 !important;
}

#content #checklist-menu {
	padding: 0.5rem;
	
	a {
		padding: 0.25rem 1rem;
		
		&:not(.icon-add):hover {
			color: $text-color !important;
		}
	}
	
	li {
		
		&:hover {
			border-color: transparent !important;
		}
		
		a:not(.icon-add):hover {
			background: $query-form-bg !important;
			border-radius: $border-radius !important;
		}
		
		&.ui-state-focus {
			background: none;
		}
	} 
	
	.icon-add {
		height: auto;
	}
}

.checklist-edit-save-button .item-save {
	@include btn;
	@include btn-primary;
	width: auto !important;
}


.edit_issue,
#update {
	
	.checklist-item.edit .icon-add {
		display: none !important;
	}
}

#checklist_form {
	
	@include media-breakpoint-up(lg) {
		max-width: 50%;
	}
}

.new_issue {
	
	#checklist_form {
	
		@include media-breakpoint-up(sm) {
			margin-left: 1rem;
		}
		
		@include media-breakpoint-up(lg) {
			max-width: 50%;
		}
	}
}