"Поделиться" и z-index нужно решение

Разработчикам Общение разработчиков
1

Очередной глючок, нет времени копаться, подскажите решение пожалуйста.
при нажатии кнопки “поделится” слой с иконками соцсетей появляется с неверным z-iindex. Единственное место где я нашел z-index не дает эффекта при изменении, соответственно наслаивается еще какая то стилевая грамотность занесенная нашими драгоценными разработчиками, при изменении размера окна слой появляется, как и появляется то, что появляться не должно :slight_smile: Картинки все приложил

chrome
chrome1366×768 127 KB
edge
edge1366×768 134 KB
ie
ie1366×768 143 KB
%D1%85%D1%80%D0%BE%D0%BC%20%D1%81%D0%B6%D0%B0%D1%82%D1%8B%D0%B9
%D1%85%D1%80%D0%BE%D0%BC%20%D1%81%D0%B6%D0%B0%D1%82%D1%8B%D0%B91366×768 166 KB

2

Они подтвердили что это в баг обещают исправить в ближайших версиях

3

Проблему уже исправили, скоро выйдет обновление с правкой.

Для решения проблемы, можете временно переписать вот такой класс:

было

.ty-product-block__left {
    overflow: hidden;
}

должно быть

.ty-product-block__left {
    overflow: visible;
}
3 лайка
4

в каком файле? в syles.less из /design/themes/abt__unitheme/css/addons/abt__unitheme вся ветка выглядит вот так, просто добавить?

.ty-product-block__left {
    max-width: -webkit-calc(~'100% - 302px');
    max-width: calc(~'100% - 302px');
    display: inline-block;
    padding-left: 0;
    .ty-product-block__button {
        min-height: 36px;
        margin-top: 10px;
        .ty-btn {
            margin: 0 10px 0 0;
            text-transform: uppercase;
            padding: 8px 12px;
            line-height: 17px;
            float: left;
        }
    }
    input.ty-value-changer__input {
        height: 35px !important;
        width: 36px !important;
    }
    .ty-value-changer, .touch .ty-value-changer {
        width: 53px;
        margin-right: 0;
    }
    .touch .ty-value-changer__increase,
    .touch .ty-value-changer__decrease,
    .ty-value-changer__increase,
    .ty-value-changer__decrease {
        height: 15px;
        width: 14px;
        line-height: 15px;
    }
    .ty-qty {
        display: inline-block;
        float: left;
        margin: 10px 10px 0 0;
        .ty-control-group__label {
            display: none;
        }
    }
}
5

Это изменение произошло не в шаблоне UniTheme а в родительской теме Responsive. Но вы можете сделать правку и в нашем стиле, добавив в класс (.ty-product-block__left) стиль (overflow: visible;).

.ty-product-block__left {
    max-width: -webkit-calc(~'100% - 302px');
    max-width: calc(~'100% - 302px');
    display: inline-block;
    padding-left: 0;
    overflow: visible;  // Правка

    .ty-product-block__button {
        min-height: 36px;
        margin-top: 10px;
        .ty-btn {
            margin: 0 10px 0 0;
            text-transform: uppercase;
            padding: 8px 12px;
            line-height: 17px;
            float: left;
        }
    }
    input.ty-value-changer__input {
        height: 35px !important;
        width: 36px !important;
    }
    .ty-value-changer, .touch .ty-value-changer {
        width: 53px;
        margin-right: 0;
    }
    .touch .ty-value-changer__increase,
    .touch .ty-value-changer__decrease,
    .ty-value-changer__increase,
    .ty-value-changer__decrease {
        height: 15px;
        width: 14px;
        line-height: 15px;
    }
    .ty-qty {
        display: inline-block;
        float: left;
        margin: 10px 10px 0 0;
        .ty-control-group__label {
            display: none;
        }
    }
}
1 лайк
6

правка стиля родительской темы помогла, спасибо