Кнопка "Подать заявку с помощью LinkedIn" не отображается должным образом?

#javascript #html #css #linkedin

#javascript #HTML #css #LinkedIn

Вопрос:

Я успешно добавил Apply with LinkedIN кнопку на веб-сайт, проблема в том, что я оформил эту кнопку. Очень странное отображение кнопки, я использую bootstrap 3.1. У любого другого была подобная проблема, есть ли какое-либо исправление?

Я перепробовал много решений, переопределяющих мой css, но мне не повезло, потому что все делается из JS

введите описание изображения здесь

Вот код, который у меня есть из API

 <script type="IN/Apply" 
    data-email="example@example.com" 
    data-companyid="55885" 
    data-jobtitle='Developer' 
    data-joblocation='Serbia'
    data-themeColor="#FF9900" 
    data-showText="false">
</script>

1. Мой клиент получил уведомление по электронной почте о том, что плагин «Подать заявку с помощью LinkedIn» должен быть удален очень скоро, 31 июля. Я собирался опубликовать здесь комментарий по этому поводу, но обнаружил, что в Интернете практически нет доказательств того, что это правда. Только эта ветка форума , касающаяся необходимой миграции из плагина. Кто-нибудь еще получал такое же уведомление об удалении плагина? «Подать заявку с помощью LinkedIn» исчезнет или нет?

2. Эта ссылка немного более убедительна. 4-й абзац: «плагин «Подать заявку с помощью LinkedIn» удаляется». Интересно, почему об этом так мало упоминается? Страница плагина предлагает работать как обычно.

Ответ №1:

Вероятно, это связано с тем, что скрипт LinkedIn плохо работает вместе с box-sizing : border-box (используется последними версиями Twitter Bootstrap).

Если это так, то это та же проблема, что и в этой теме, и решением может быть добавление этого фрагмента в ваш CSS:

 span[id*='li_ui_li_gen_'] {
    -webkit-box-sizing : content-box;
       -moz-box-sizing : content-box;
         -o-box-sizing : content-box;
            box-sizing : content-box;
}

Ответ №2:

После нескольких попыток подготовил простое переопределение CSS для такого рода проблем. Пожалуйста, добавьте это в свой css

 span.IN-widget span span a span {
    width:180px !important;    
    text-align:left !important;
}

Ответ №3:

Следует отметить, что LinkedIn устарела от этой функции 21 июля 2014 года. Они предполагают, что функциональность должна быть перестроена с помощью Profile API. http://help.linkedin.com/app/answers/detail/a_id/7234/~/apply-with-linkedin:-no-longer-supported