diff --git a/css/profile_freelist.css b/css/profile_freelist.css --- a/css/profile_freelist.css +++ b/css/profile_freelist.css @@ -1,105 +1,165 @@ h4{ font-size: 18px !important; } font{ color: #333 !important; } /*add width*/ .typ-profile-head-left{ margin-top: 30px; } .breadcrumbs a, .typ-profile-head-left a{ color: #00aeef !important; } .breadcrumbs a:hover, .typ-profile-head-left a:hover{ color: #333333 !important; } /*end add*/ .region.region-breadcrumbs{ height: 30px; } .region-highlighted{ margin-top: 0px !important; } .field.field-block-content--body.field-name-body.field-type-text-with-summary.field-label-hidden{ margin-bottom: 15px; } .typ-profile-sidebar{ margin-left: 0px !important; } .typ-profile-sidebar{ width: 310px; } .profile_share img{ width: 90px; height: 28px; } .nav-tabs > li { padding-right: 2px; } .nav-tabs > li>a{ border: 1px solid #cccccc !important; background-color: #ffcc33 !important; color: #000000 !important; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{ background-color: #ffffff !important; color: #000000 !important; border-bottom-color: #ffffff !important; } /*.nav-tabs>li>a{ border: 1px solid #DDDDDD !important; color: #000000 !important; }*/ .profile_share{ border: 1px solid #DDDDDD; padding: 15px; } .profile_share_title_promotion{ background-color: #4e4e4e; margin-bottom: 2px; color: #f5cc22 !important; padding: 10px; } a > .profile_share_title_promotion > span{ margin-left: 8px; color: #f5cc22 !important; } .profile_share_title_promotion:hover{ background-color: rgba(78,78,78,0.8); } .profile_share_title{ margin-top: 12px; background-color: #ffcc33; color: #000 !important; padding: 10px; } .orange_font{ color: #FF9900 !important; } .gray_font{ color: #333 !important; } .detail-images > a > img{ height: 150px; margin: 0 auto; } #block-relatedbusinesslisting { - float: left; - width: 90%; + float: left; + width: 93%; } @media(min-device-width : 768px){ aside.l-first { float: left; width: 74%; } } + +#block-relatedbusinesslisting .block-title { + width: 95%; + margin: auto; + line-height: 1.5; + padding: 5px; +} + +#block-relatedbusinesslisting h2 { + font-size: 20px; +} + +#block-relatedbusinesslisting { + border: 1px solid #CCC; +} + +.block-title a, +.related-business-humanname .txt-humanname { + color: #00aeef; +} + +.related-business-humanname .txt-humanname:hover { + color: #333333; +} + +.related-business-humanname .txt-humanname { + margin: 0px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.related-business-humanname .txt-proddesc { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +.detail-related-business-listing { + border-top: 1px solid #CCC; + padding-top: 20px; + padding-bottom: 10px; +} + +.detail-related-business-listing ul{ + width: 100%; + margin: 0; + padding: 0; +} + +.detail-related-business-listing li{ + width: 50%; + float: left; + display: block; + padding-bottom: 10px; +} + + + + diff --git a/js/profile.js b/js/profile.js --- a/js/profile.js +++ b/js/profile.js @@ -1,44 +1,50 @@ var url= ''; (function ($, Drupal, drupalSettings) { $(".block-title").empty(); var lang = $(".lang").val(); var catname = $(".catname").val(); var address = $(".cat_address").val(); - var data_th = 'รายชื่อธุรกิจในหมวด "'+catname+'" ที่อยู่ใน '+address+''; - var data_en = 'Business on category "'+catname+'" at '+address+''; - if(lang == "th") { + var url = drupalSettings.path.baseUrl+"heading/"+catname; + var data_th = 'รายชื่อธุรกิจในหมวด "'+catname+'" ที่อยู่ใน '+address+''; + var data_en = 'Business on category "'+catname+'" at '+address+''; + /*if(lang == "th") { $(".block-title").css({'line-height':'1.75','border':'solid 1px #ddd','border-bottom':'0','background-color':'#fff'}).append(data_th); }else{ $(".block-title").css({'line-height':'1.75','border':'solid 1px #ddd','border-bottom':'0','background-color':'#fff'}).append(data_en); + }*/ + if(lang == "th") { + $(".block-title").append(data_th); + }else{ + $(".block-title").append(data_en); } })(jQuery, Drupal, drupalSettings); function print_content(){ var printContents = jQuery("#block-bootstrap-content").html(); var originalContents = document.body.innerHTML; document.body.innerHTML = printContents; window.print(); document.body.innerHTML = originalContents; } function hover_share(data){ var src = data.getAttribute('src'); var hover = src.replace("1","2"); data.setAttribute('src',hover); } function out_share(data){ var src = data.getAttribute('src'); var hover = src.replace("2","1"); data.setAttribute('src',hover); } function sendmail(obj){ var data = jQuery(obj).attr('data-value'); var data_from = jQuery(obj).attr('data-from'); var from = data_from; var content = data; var link = "mailto:email@address.com" + "?subject="+from + "&body="+content; window.location.href = link; } \ No newline at end of file