<commit_before>/***********************************************************
Custom Classes & Styling for Item Pages (e.g. Experiment Sets)
************************************************************/

.item-page-container {
	/** Override margin-bottom for margin pages so accession and title are close to each other **/
	h1.page-title {
		margin-bottom: 2px;
	}
}

@media screen and (min-width: $screen-md-min){
	/* Nudge accession #, etc. closer to title on wide desktop views */
	/*
	.item-view-header {
		margin-top: -27px;
	}
	*/

}



/*************************
    Item Page Headings
**************************/


.flexible-description-box {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: height .4s;

	.description-expand-button {
		padding: 0px;
		width: 24px;
		height: 21px;
		margin-left: 6px;
		box-sizing: border-box;
		border: none;
		background: none;
		outline: none;
	}

	p {
		overflow: inherit;
		text-overflow: inherit;
		&:last-child {
			margin-bottom : 0;
		}
	}
}

.item-page-heading {
    /** Extends .flexible-description-box **/
	border-top:1px solid #ccc;
	border-bottom: 1px solid #ccc;
	//min-height: 42px;
	padding: 10px 0px 10px;
	transition: height .4s, border-color .4s;
	text-align: justify;

	h1, h2, h3, h4, h5, h6 { margin: 0; line-height: 20px; }

	h4 {
		font-weight: 500;

		small {
			vertical-align: top;
			line-height: inherit;
			letter-spacing: normal;
		}
	}

	&.no-description {
		padding-top: 0;
		padding-bottom: 0;
		border-bottom: none;
		border-top-color: #eee;
		@media screen and (min-width: $screen-md-min){
			width: 33%;
			float: right;
		}
		& + div.bottom-row {
			clear: both;
		}
	}

	&.expanded {
		border-bottom-color: #ddd;
	}

}

.item-view-header {
	.item-label-title { /* Is some form of header elem, e.g. h3 or h4 */
		font-weight: 300;
		min-height: 30px;
		/* line-height: 36px; */
		margin: 0;
		//padding-top: 10px;
		padding-left: 12px;

		@media screen and (max-width: $screen-xs-max){
			min-height: 42px;
		}

		> div.inner {
			padding-top: 10px;
			> span:not(:last-child){
				padding-right: 8px;
				margin-right: 7px;
				border-right: 1px solid #ccc;
			}
		}

		/*
		.accession-label {
			font-size: 1rem;
			font-weight: 400;
			color: #888;
		}
		*/

		.accession {
			font-weight: 500;
			font-size: 1rem;
		}
	}

	//&.no-description .item-label-title > div.inner {
	//	border-top: 1px solid #ddd;
	//	margin-top: 10px;
	//}

	.item-label-extra {
		font-weight: 300;

		.icon[class*=" ss-"] {
			margin-bottom: -4px;
			vertical-align: middle;
		}

		.icon[class*=" sbt-"] {
			margin-top: -2px;
			vertical-align: middle;
		}
	}

	@media screen and (max-width: $screen-xs-max){

		.item-label-extra.text-right {
			text-align: left !important;
		}

	}
}

.flexcol-heading,
.submission-page-heading {
    position: relative;
    background-color: #f4f4f4;

    h1, h2, h3, h4, h5, h6 {
        margin: 0;
    }


}

/*** Submissions ***/

// For submissions page headers
h3.submission-subtitle {
	font-weight: 400;
	display: inline-block;
}

.submission-page-heading {
    /** Extends .flexible-description-box **/
	border-radius: 2px;
	border: 1px solid #ddd;
	min-height: 42px;
	padding: 10px 15px 8px;
}

.submission-btn {
	background-color: #f4f4f4;
	border-color: #f4f4f4;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
	box-shadow: none;
}

.submission-btn:hover, .submission-btn:focus{
	background-color: #ddd;
	border-color: #f4f4f4;
}

.item-header-indicators {

	margin-top: 8px;
	margin-bottom: 8px;

	> .indicator-item {
		display: inline-block;
		box-sizing: border-box;
		position: relative;
		/* border: 1px solid rgba(0,0,0,0.125); */
		/* border-radius: 5px; */
		line-height: 20px;
		color : #000;
		font-weight: 400;
		padding-left: 10px;
		padding-right: 10px;
		text-transform: capitalize;
		color: #444;

		max-width: 50%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;

		padding-right: 21px;
		padding-left: 0;
		max-width: 50%;
		&:after {
			content : "";
			display: block;
			position: absolute;
			right: 10px;
			height: 100%;
			top: 0;
			border-right: 1px solid rgba(0,0,0,0.125);
		}
		&:last-child {
			padding-right: 0;
			margin-right: 0;
		}
		&:last-child:after {
			display: none;
		}

		&.expset-status:before {
			content: "";
			width: 9px;
			height : 9px;
			display: inline-block;
			position: relative;
			margin-right: 7px;
			border-radius: 50%;
		}

		&.expset-status[data-status="released"]:before {
			color: #fff;
			background-color: #308756;
		}

		&.expset-status[data-status="current"]:before {
			color: #fff;
			background-color: #308756;
		}

		&.expset-status[data-status="revoked"]:before {
			color: #fff;
			background-color: #812423;
		}

		&.expset-status[data-status="deleted"]:before {
			color: #fff;
			background-color: #a90d0b;
		}

		&.expset-status[data-status="replaced"]:before {
			color: #fff;
			background-color: #47419a;
		}

		&.expset-status[data-status="in review by lab"]:before {
			color: #fff;
			background-color: #d8bd22;
		}

		&.expset-status[data-status="submission in progress"]:before {
			color: #fff;
			background-color: #d8bd22;
		}

		&.expset-status[data-status="released to project"]:before {
			color: #fff;
			background-color: #397855;
		}

		&.expset-status[data-status="unspecified"]:before {
			color: #fff;
			background-color: #7b7b7b;
			display: none;
		}

		/*
		&[data-set-type="replicates"]{
			background-color: #56889b;
		}

		&[data-set-type="replicates"]{
			background-color: #397855;
		}

		&[data-set-type="technical replicates"]{
			background-color: #34677b;
		}

		&[data-set-type="analysis set"]{
			background-color: #812423;
		}

		&[data-set-type="publication"]{
			background-color: #47419a;
		}<commit_msg>Add more colors re: statuses (CSS/ItemView)<commit_after>/***********************************************************
Custom Classes & Styling for Item Pages (e.g. Experiment Sets)
************************************************************/

.item-page-container {
	/** Override margin-bottom for margin pages so accession and title are close to each other **/
	h1.page-title {
		margin-bottom: 2px;
	}
}

@media screen and (min-width: $screen-md-min){
	/* Nudge accession #, etc. closer to title on wide desktop views */
	/*
	.item-view-header {
		margin-top: -27px;
	}
	*/

}



/*************************
    Item Page Headings
**************************/


.flexible-description-box {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: height .4s;

	.description-expand-button {
		padding: 0px;
		width: 24px;
		height: 21px;
		margin-left: 6px;
		box-sizing: border-box;
		border: none;
		background: none;
		outline: none;
	}

	p {
		overflow: inherit;
		text-overflow: inherit;
		&:last-child {
			margin-bottom : 0;
		}
	}
}

.item-page-heading {
    /** Extends .flexible-description-box **/
	border-top:1px solid #ccc;
	border-bottom: 1px solid #ccc;
	//min-height: 42px;
	padding: 10px 0px 10px;
	transition: height .4s, border-color .4s;
	text-align: justify;

	h1, h2, h3, h4, h5, h6 { margin: 0; line-height: 20px; }

	h4 {
		font-weight: 500;

		small {
			vertical-align: top;
			line-height: inherit;
			letter-spacing: normal;
		}
	}

	&.no-description {
		padding-top: 0;
		padding-bottom: 0;
		border-bottom: none;
		border-top-color: #eee;
		@media screen and (min-width: $screen-md-min){
			width: 33%;
			float: right;
		}
		& + div.bottom-row {
			clear: both;
		}
	}

	&.expanded {
		border-bottom-color: #ddd;
	}

}

.item-view-header {
	.item-label-title { /* Is some form of header elem, e.g. h3 or h4 */
		font-weight: 300;
		min-height: 30px;
		/* line-height: 36px; */
		margin: 0;
		//padding-top: 10px;
		padding-left: 12px;

		@media screen and (max-width: $screen-xs-max){
			min-height: 42px;
		}

		> div.inner {
			padding-top: 10px;
			> span:not(:last-child){
				padding-right: 8px;
				margin-right: 7px;
				border-right: 1px solid #ccc;
			}
		}

		/*
		.accession-label {
			font-size: 1rem;
			font-weight: 400;
			color: #888;
		}
		*/

		.accession {
			font-weight: 500;
			font-size: 1rem;
		}
	}

	//&.no-description .item-label-title > div.inner {
	//	border-top: 1px solid #ddd;
	//	margin-top: 10px;
	//}

	.item-label-extra {
		font-weight: 300;

		.icon[class*=" ss-"] {
			margin-bottom: -4px;
			vertical-align: middle;
		}

		.icon[class*=" sbt-"] {
			margin-top: -2px;
			vertical-align: middle;
		}
	}

	@media screen and (max-width: $screen-xs-max){

		.item-label-extra.text-right {
			text-align: left !important;
		}

	}
}

.flexcol-heading,
.submission-page-heading {
    position: relative;
    background-color: #f4f4f4;

    h1, h2, h3, h4, h5, h6 {
        margin: 0;
    }


}

/*** Submissions ***/

// For submissions page headers
h3.submission-subtitle {
	font-weight: 400;
	display: inline-block;
}

.submission-page-heading {
    /** Extends .flexible-description-box **/
	border-radius: 2px;
	border: 1px solid #ddd;
	min-height: 42px;
	padding: 10px 15px 8px;
}

.submission-btn {
	background-color: #f4f4f4;
	border-color: #f4f4f4;
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 5px;
	box-shadow: none;
}

.submission-btn:hover, .submission-btn:focus{
	background-color: #ddd;
	border-color: #f4f4f4;
}

.item-header-indicators {

	margin-top: 8px;
	margin-bottom: 8px;

	> .indicator-item {
		display: inline-block;
		box-sizing: border-box;
		position: relative;
		/* border: 1px solid rgba(0,0,0,0.125); */
		/* border-radius: 5px; */
		line-height: 20px;
		color : #000;
		font-weight: 400;
		padding-left: 10px;
		padding-right: 10px;
		text-transform: capitalize;
		color: #444;

		max-width: 50%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;

		padding-right: 21px;
		padding-left: 0;
		max-width: 50%;
		&:after {
			content : "";
			display: block;
			position: absolute;
			right: 10px;
			height: 100%;
			top: 0;
			border-right: 1px solid rgba(0,0,0,0.125);
		}
		&:last-child {
			padding-right: 0;
			margin-right: 0;
		}
		&:last-child:after {
			display: none;
		}

		&.expset-status:before {
			content: "";
			width: 9px;
			height : 9px;
			display: inline-block;
			position: relative;
			margin-right: 7px;
			border-radius: 50%;
		}

		&.expset-status[data-status="released"]:before,
		&.expset-status[data-status="current"]:before,
		&.expset-status[data-status="uploaded"]:before {
			color: #fff;
			background-color: #308756;
		}

		&.expset-status[data-status="revoked"]:before,
		&.expset-status[data-status="obsolete"]:before {
			color: #fff;
			background-color: #812423;
		}

		&.expset-status[data-status="deleted"]:before,
		&.expset-status[data-status="upload failed"]:before {
			color: #fff;
			background-color: #a90d0b;
		}

		&.expset-status[data-status="replaced"]:before,
		&.expset-status[data-status="planned"]:before,
		&.expset-status[data-status="to be uplodaded by workflow"]:before {
			color: #fff;
			background-color: #47419a;
		}

		&.expset-status[data-status="in review by lab"]:before {
			color: #fff;
			background-color: #d8bd22;
		}

		&.expset-status[data-status="submission in progress"]:before,
		&.expset-status[data-status="uploading"]:before,
		&.expset-status[data-status="draft"]:before {
			color: #fff;
			background-color: #d8bd22;
		}

		&.expset-status[data-status="released to project"]:before {
			color: #fff;
			background-color: #397855;
		}

		&.expset-status[data-status="unspecified"]:before,
		&.expset-status[data-status="archived"]:before,
		&.expset-status[data-status="archived to project"]:before {
			color: #fff;
			background-color: #7b7b7b;
			//display: none;
		}

		/*
		&[data-set-type="replicates"]{
			background-color: #56889b;
		}

		&[data-set-type="replicates"]{
			background-color: #397855;
		}

		&[data-set-type="technical replicates"]{
			background-color: #34677b;
		}

		&[data-set-type="analysis set"]{
			background-color: #812423;
		}

		&[data-set-type="publication"]{
			background-color: #47419a;
		}
{'fraction_non_alphanumeric': 0.1916597853014038, 'fraction_numerical': 0.038976052848885216, 'mean_word_length': 3.125, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 11, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1459169', 'n_tokens_mistral': 5646, 'n_tokens_neox': 4740, 'n_words': 929}