x
x
x
x
Only portrait mode is currently supported - please rotate your device.
...
HTML |
---|
<script> AJS.toInit(function(){ let searchIcon = $('.lipifo-search')[0]; $('.aui-button.search')[0].innerHTML = ""; $('.aui-button.search')[0].append(searchIcon); $("form.aui.custom-user-search-form").on("submit", function(){ var checkExist = setInterval(function() { if ($('.inside-table-cell.field-value a').length) { // change href attr to be this site's mentor prof link $("#custom-user-search-results-table a").each(function() { if (this.href.includes("/~")) { let email = this.href.split("/~").pop(); console.log(email); this.href = "/display/MSCOM/Company+Page?company=" + email; } }); clearInterval(checkExist); } console.log("does not exist"); }, 100); // check every 100ms }); }); </script> |
...
HTML |
---|
<style>
/* New user search styling */
.lipifo-search{
width: 50px;
min-width: 50px;
max-width: 50px;
}
#prev-listcompanies, #next-listcompanies{
border-radius: 4px;
background-color: white;
border-color: var(--primary-color);
color: #767676;
height: 50px;
}
#custom-user-search-results-dialog{
width: 60%!important;
}
.inside-table-cell{
font-size: 15px!important;
}
.inside-table-cell a{
font-size: 15px!important;
}
button#dialog-close-button {
border-radius: 4px;
background-color: white;
color: var(--primary-color);
}
div.contentSection, div.contentSection1{
margin: 0 100px!important;
width: calc(100% - 200px)!important;
}
input.searchInput{
border-radius: 4px!important;
height: 50px!important;
font-size: 16px!important;
color: #767676!important;
text-indent: 10px!important;
}
form.aui.custom-user-search-form{
margin: 0 100px!important;
padding: 0 15px!important;
}
button.aui-button.search{
height: 50px;
width: 100px;
background-color: white;
color: #767676;
border-radius: 4px;
}
#myCards-listcompanies{
justify-content: flex-start!important;
width: calc(100% + 80px)!important;
}
.custom-card-container .image-container img {
object-fit: contain;
width: 200px!important;
height: 200px!important;
}
/* ---------- */
.image-container{
padding: 0px!important;
}
div.rw_formatting_item {
width: calc(100vw - 400px);
margin: 0 100px!important;
display: flex;
justify-content: flex-start;
padding-left: 15px!important;
}
.rw_search_item.rw_formatting_item.rw_search_box_theme_gray .rw_search_module_container>div .rw_search_item input.rw_search_query {
border-radius: 4px;
border: solid 1.5px #767676;
font-family: var(--main-font-family);
font-size: 15px;
font-weight: 500;
color: #000000;
background: #ffffff;
}
.largeimagewithtextbelow-autocards .image-container {
border: solid 1px #afafaf;
}
div.largeimagewithtextbelow-autocards .card-text-container {
height: 35px;
}
.largeimagewithtextbelow-autocards .card-text-container {
background: transparent;
}
div.largeimagewithtextbelow-autocards {
background: transparent;
font-size: 20px;
font-weight: bold;
font-family: var(--secondary-font-family);
}
button.nextprevbutton {
width: 165px;
height: 54px;
border-radius: 8px;
background-color: #187aba;
color: #ffffff;
}
div.largeimagewithtextbelow-autocards card-title {
font-family: var(--secondary-font-family);
font-size: 20px;
padding: 0 !important;
}
div.largeimagewithtextbelow-autocards:hover {
background: transparent;
}
div#myCards-userlist {
margin: 20px auto;
display: grid !important;
grid-template-columns: repeat(auto-fill, 300px);
grid-gap: 30px;
width: 100%;
justify-content: space-evenly !important;
height: auto !important;
}
div.contentSection, div.contentSection1 {
flex-direction: column;
width: calc(100% - 400px);
margin: 0 200px;
}
div#next-prev-container-userlist {
justify-content: flex-end;
}
button.nextprevbutton.pagination-cardstyle:hover {
background-color: var(--primary-color);
opacity: 1;
}
button.nextprevbutton:focus {
background-color: var(--primary-color);
color: #ffffff;
}
div.rw_formatting_item {
padding: 30px 0;
}
</style> |
...
OneValley