Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Почему ряд компонентов из тесплейта выглядят иначе / 3 сообщений из 3, страница 1 из 1
15.05.2019, 08:31
    #39813314
mstdmstd
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Почему ряд компонентов из тесплейта выглядят иначе
Всем привет,
Я пытаюсь использовать темплейт http://phpstack-231450-819857.cloudwaysapps.com/horizontal/ui-buttons.html
на своем сайте http://178.128.145.48/
но ряд компонентов (включая кнопки) выглядят иначе:
https://imgur.com/a/kFIthrj

К проекту приатачивается файл public/js/appInit.js с содержимым :

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
/**
 * Theme: Frogetor - Responsive Bootstrap 4 Admin Dashboard
 * Author: Mannatthemes
 * Module/App: Main Js
 */


(function ($) {

    'use strict';

    function initSlimscroll() {
        $('.slimscroll').slimscroll({
            height: 'auto',
            position: 'right',
            size: "7px",
            color: '#9ea5ab',
            wheelStep: 5,
            touchScrollStep: 50
        });
    }

    function initMetisMenu() {
        $('.navbar-toggle').on('click', function (event) {
            $(this).toggleClass('open');
            $('#navigation').slideToggle(400);
        });

        $('.navigation-menu>li').slice(-2).addClass('last-elements');

        $('.navigation-menu li.has-submenu a[href="#"]').on('click', function (e) {
            if ($(window).width() < 992) {
                e.preventDefault();
                $(this).parent('li').toggleClass('open').find('.submenu:first').toggleClass('open');
            }
        });

        
    }
    

    function initLeftMenuCollapse() {
        // Left menu collapse
        $('.button-menu-mobile').on('click', function (event) {
            event.preventDefault();
            $("body").toggleClass("enlarge-menu");
            initSlimscroll();
        });
    }

    function initEnlarge() {
        if ($(window).width() < 1023) {
            $('body').addClass('enlarge-menu');
        } else {
            if ($('body').data('keep-enlarged') != true)
                $('body').removeClass('enlarge-menu');
        }
    }

    function initActiveMenu() {
        // === following js will activate the menu in left side bar based on url ====
        $(".navigation-menu a").each(function () {
            var pageUrl = window.location.href.split(/[?#]/)[0];
            if (this.href == pageUrl) { 
                $(this).parent().addClass("active"); // add active to li of the current link
                $(this).parent().parent().parent().addClass("active"); // add active class to an anchor
                $(this).parent().parent().parent().parent().parent().addClass("active"); // add active class to an anchor
            }
        });
    }
   

   

    function init() {
        initSlimscroll();
        initMetisMenu();
        initLeftMenuCollapse();
        initEnlarge();
        initActiveMenu();
        Waves.init();
        if ( window.location.pathname == "/" ) {
            alert("AFTER ININt public/js/appInit.js::" + (-11))
        }
    }

    init();

})(jQuery)


Полагаю ято в методе init() как раз и инициализуются доп утилиты (алерт выскакивает и в консоле нет ошибок).

Но что не так ? Я вроде все файлы из тесплейта подключил...

Спасибо!
...
Рейтинг: 0 / 0
15.05.2019, 17:36
    #39813718
big-duke
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Почему ряд компонентов из тесплейта выглядят иначе
mstdmstd,

Сразу видно, что в оригинале btn-primary имеет определение background-color: #5766da из _buttons.scss
А у вас background-color: #3490dc из app.css
...
Рейтинг: 0 / 0
16.05.2019, 07:46
    #39813821
mstdmstd
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Почему ряд компонентов из тесплейта выглядят иначе
Спасибо! Разобрался.
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Почему ряд компонентов из тесплейта выглядят иначе / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]