Page History

<style>
/* Styling for company cards */

	.cardstyle img {
		height: 105px !important;
		width: 105px !important;
	}

	.largeimagewithtextbelow-listmemrand img {
    	width: 105px;
    	height: 105px;
	}

	div.custom-card-container.cardstyle.largeimagewithtextbelow-listmemrand {
		background: white;
	}

	.custom-card-container.cardstyle.largeimagewithtextbelow-listmemrand {
    	background: var(--secondary-color);
    	border-radius: var(--border-radius);
    	box-shadow: var(--card-shadow);
    	width: 220px;
    	padding: 0;
}

	div#myCards-companiesLM {
    	display: grid !important;
    	grid-template-columns: repeat(auto-fill, 220px);
    	grid-gap: 26px;
    	width: 100%;
    	justify-content: space-evenly !important;
    	height: auto !important;
}

    .largeimagewithtextbelow-listmemrand .image-container {
    	height: 220px;
    	border: 1px solid lightgrey;
    	width: 220px;
    	padding-top: 0px;
}

.largeimagewithtextbelow-listmemrand .card-title
    	color: var(--primary-font-color);
    	background: #f2f2f2;
    	font-family: var(--main-font-family);
    	font-weight: var(--font-weight-title);
    	line-height: 1.47;
    	letter-spacing: normal !important;
    	font-size: var(--font-size-m);
    	padding: 17px 20px 20px 0px;
    	text-align: left;
}

.image-container img{
	width: 100%;
	height: 100%;
}

.image-container{
	width: 300px;
	height: 300px;
	background-color: white;
	border: 1px solid #afafaf;
}


.custom-card-container{
	width: 300px;
	height: auto;
	border-radius: 0;
	background-color: transparent;
	box-shadow: 0;
}

.custom-card-container:hover{
	border-radius: 0px;	
	box-shadow: none;
	background-color: transparent;
	transform: none
}

.card-text-container{
	width: 100%;
	margin-top: 30px;
}
.card-title{
	width: 100%;
	text-align: left;
    padding: 0;
    font-family: var(--secondary-font-family);
    font-weight: normal;
    color: black;
}



div.largeimagewithtextbelow-autocards .card-title {
    padding: 0;
    font-family: var(--secondary-font-family);
    font-size: 20px;
}
</style>

<script>
function setCardLinks() {
	let cardLinks = Array.from($("#myCards-userlist").find("a"));
	cardLinks.forEach(a => {	
		let companyName = a.href.split('companies/')[1];
		// /display/MSCOM/Company+Page?company=
		let newLink = '/display/MSCOM/Company+Page?company=' + companyName;
		a.href = newLink;
	});
}

window.addEventListener("DOMContentLoaded", () => {
	//setCardLinks();

	/*
	$('#myForm-tdmcompanies input').click(function() {
    	setCardLinks();
	});
	*/

});

AJS.toInit(function(){
	let bannerElement = document.createElement('img');
	bannerElement.classList.add('service-banner');
	bannerElement.classList.add('hide-on-mobile');
	bannerElement.src = "https://passport-media.s3-us-west-1.amazonaws.com/Morgan+Stanley/Company+Images/screen.jpg";
	document.getElementById('main-content').prepend(bannerElement);
});
</script>

<style>
.service-banner{
	height: 368px;
}

</style>