diff --git a/frontend/drupal9/web/themes/custom/pro1ka/css/style.css b/frontend/drupal9/web/themes/custom/pro1ka/css/style.css index 691153e12..92211e9c9 100644 --- a/frontend/drupal9/web/themes/custom/pro1ka/css/style.css +++ b/frontend/drupal9/web/themes/custom/pro1ka/css/style.css @@ -688,8 +688,8 @@ body { background-color: #D4F0FC; opacity: 1; } .funkcionalnost .section-main .flexcol .content .icon img { - width: 40px; - height: 40px; + width: 34px; + height: 34px; opacity: 1; } .funkcionalnost .section-main .flexcol .content .text { padding-top: 5px; @@ -811,6 +811,7 @@ body { max-width: 400px; margin-right: auto; margin-left: auto; + margin-bottom: 25px; border-bottom: 2px dashed #0040A9; } .pridruzi-se-nam .row .stolpec .blok { position: relative; @@ -893,11 +894,9 @@ body { .col-6-blue { -webkit-box-flex: 0; - -webkit-flex: 0 50%; - -ms-flex: 0 50%; - flex: 0 50%; padding-right: 25px; - padding-left: 25px; } + padding-left: 25px; + max-width: 800px; } .col-6-blue.vert-center { display: -webkit-box; display: -webkit-flex; @@ -974,7 +973,7 @@ body { color: #8c8c8c; text-decoration: none; } #breadcrumb .breadcrumb:hover { - color: #0082ff; } + color: #1e88e5; } .block-quicktabs ul.quicktabs-tabs { margin: 70px 0 40px !important; @@ -1419,6 +1418,15 @@ input.error-field { @-webkit-keyframes ellipsis { to { width: 20px; } } +.accordion-toggle { + max-height: 0; + transition: max-height 0.3s ease-out; + overflow: hidden; } + +.accordion-toggle.active { + max-height: 1000px; + transition: max-height 0.3s ease-in; } + .paketi { padding: 2rem; margin-top: -11px; @@ -1426,10 +1434,6 @@ input.error-field { .paketi .podnaslov { line-height: 24px; font-size: 14px; } - .paketi .accordion-toggle { - display: none; } - .paketi .accordion-toggle.active { - display: block; } .paketi .accordion-head.active .accordion-arrow { transform: rotate(180deg); } .paketi .razpri-zapri-vse.active .razpri { @@ -1445,6 +1449,11 @@ input.error-field { .paketi .compare-descr { min-height: 95px; } +.circle_check { + margin-right: 8px; + margin-bottom: 3px; + width: 16px; } + .poslovni-uporabniki.paketi .compare-descr { min-height: 168px; } @@ -1856,8 +1865,8 @@ input.error-field { font-weight: 400; text-decoration: none; } .nav-menu .block-menu .list-elementi .nav-li a:hover { - border-bottom-color: #0082ff; - color: #0082ff; } + border-bottom-color: #1e88e5; + color: #1e88e5; } .nav-menu .block-menu .list-elementi .nav-li.menue-2-drop { display: block; } .nav-menu .block-menu .list-elementi .nav-li.menue-2-drop .nav-ul-2 { @@ -1916,8 +1925,8 @@ input.error-field { line-height: 30px; font-weight: 400; } .nav-menu .region-header-menu .language-switcher-language-url ul li a:hover { - border-bottom-color: #0082ff; - color: #0082ff; } + border-bottom-color: #1e88e5; + color: #1e88e5; } .sidebar_menu { display: block; } @@ -1928,7 +1937,7 @@ input.error-field { font-weight: 600; font-size: 15px; } .sidebar_menu h4 a:hover { - color: #0082ff; } + color: #1e88e5; } .sidebar_menu #forma-iskanje-second { display: flex; } .sidebar_menu ul:not(.contextual-links) { @@ -1941,15 +1950,15 @@ input.error-field { text-decoration: none; text-transform: uppercase; } .sidebar_menu ul:not(.contextual-links):hover { - color: #0082ff; } + color: #1e88e5; } .sidebar_menu ul:not(.contextual-links):focus { - color: #0082ff; } + color: #1e88e5; } .sidebar_menu ul:not(.contextual-links) li { padding: 0px; margin: 0px; list-style: none; } .sidebar_menu ul:not(.contextual-links) li:hover { - color: #0082ff; } + color: #1e88e5; } .sidebar_menu ul:not(.contextual-links) li a { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; @@ -1967,9 +1976,9 @@ input.error-field { text-decoration: none; text-transform: none; } .sidebar_menu ul:not(.contextual-links) li a.is-active { - color: #0082ff; } + color: #1e88e5; } .sidebar_menu ul:not(.contextual-links) li a:hover { - color: #0082ff; } + color: #1e88e5; } .sidebar_menu ul.menu-1ka li a { margin-top: 10px; text-transform: uppercase; @@ -2219,6 +2228,10 @@ a { .iskani-rezultat p { color: #333; } +.iskani-rezultat h3 { + text-transform: uppercase; } + .iskani-rezultat h3:hover { + text-decoration: underline; } @font-face { font-family: 'webflow-icons'; @@ -4558,8 +4571,8 @@ p { text-decoration: none; } .navlink:hover { - border-bottom-color: #0082ff; - color: #0082ff; } + border-bottom-color: #1e88e5; + color: #1e88e5; } .div-block-6 { z-index: 200; @@ -4750,7 +4763,9 @@ p { position: relative; height: 100%; width: 100%; - margin-bottom: 20px; } + margin-bottom: 20px; + margin-top: 20px; + min-height: 230px; } .test-padding { display: -webkit-box; @@ -4866,9 +4881,6 @@ p { .center { text-align: center; } -.mh2 { - min-height: 131px; } - .div-block-11 { display: -webkit-box; display: -webkit-flex; @@ -5063,7 +5075,7 @@ p { text-decoration: none; } .navlink-2:hover { - color: #0082ff; } + color: #1e88e5; } .navlink-2.strong { font-weight: 600; } @@ -5278,7 +5290,7 @@ p { height: 60px; } .textlink { - color: #0082ff; } + color: #1e88e5; } .intri-inner { margin-top: 20px; @@ -5302,10 +5314,10 @@ p { text-decoration: none; } .sidelink:hover { - color: #0082ff; } + color: #1e88e5; } .sidelink:focus { - color: #0082ff; } + color: #1e88e5; } .sidelink.l1 { margin-top: 10px; @@ -5340,7 +5352,7 @@ p { text-decoration: none; } .breadcrumb:hover { - color: #0082ff; } + color: #1e88e5; } .sidenav { width: 300px; @@ -5368,7 +5380,7 @@ p { font-size: 15px; } .text-block-4:focus { - color: #0082ff; } + color: #1e88e5; } .icon-2 { margin-right: 0px; } @@ -5387,10 +5399,10 @@ p { font-size: 15px; } .sidelink-l3:hover { - color: #0082ff; } + color: #1e88e5; } .sidelink-l3:focus { - color: #0082ff; } + color: #1e88e5; } .manual-toggle { display: none; } @@ -6142,9 +6154,6 @@ p { .div-block-10 { display: block; } - .mh2 { - min-height: 108px; } - .image { display: none; } @@ -6334,9 +6343,6 @@ p { margin-right: auto; margin-left: auto; } - .mh2 { - min-height: 128px; } - .text-block-3 { font-size: 44px; line-height: 64px; } @@ -6459,9 +6465,6 @@ p { .login { margin-left: 13px; } - .mh2 { - min-height: auto; } - .text-block-3 { font-size: 40px; line-height: 40px; } diff --git a/frontend/drupal9/web/themes/custom/pro1ka/js/nakupovanje.js b/frontend/drupal9/web/themes/custom/pro1ka/js/nakupovanje.js index a06093cec..b35caae7d 100644 --- a/frontend/drupal9/web/themes/custom/pro1ka/js/nakupovanje.js +++ b/frontend/drupal9/web/themes/custom/pro1ka/js/nakupovanje.js @@ -222,3 +222,18 @@ function prikaziPoljeEracun(){ } +// Accordions for features tables +var accordion = document.getElementsByClassName("accordion"); +var acci; + +console.log(accordion); + +for (acci = 0; acci < accordion.length; acci++) { + let head = accordion[acci].getElementsByClassName("accordion-head")[0]; + let body = accordion[acci].getElementsByClassName("accordion-toggle")[0]; + + head.addEventListener("click", function() { + body.classList.toggle("active"); + }); +} + diff --git a/frontend/drupal9/web/themes/custom/pro1ka/js/script.js b/frontend/drupal9/web/themes/custom/pro1ka/js/script.js index ef77ba947..e6d82f430 100755 --- a/frontend/drupal9/web/themes/custom/pro1ka/js/script.js +++ b/frontend/drupal9/web/themes/custom/pro1ka/js/script.js @@ -694,7 +694,7 @@ } //Odpiranje funkcionalnosti pri paketih - jQuery('.accordion-head').on('click', function () { + /* jQuery('.accordion-head').on('click', function () { jQuery(this).toggleClass('active'); jQuery(this).siblings().toggleClass('active').removeStyle(); }); @@ -709,7 +709,7 @@ jQuery('.accordion-head').removeClass('active'); jQuery('.accordion-head').siblings().removeClass('active'); } - }); + }); */ /* diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/bacis/frontpage.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/bacis/frontpage.scss index d0735a17a..4bfa9ee79 100644 --- a/frontend/drupal9/web/themes/custom/pro1ka/sass/bacis/frontpage.scss +++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/bacis/frontpage.scss @@ -210,8 +210,8 @@ opacity: 1; img{ - width: 40px; - height: 40px; + width: 34px; + height: 34px; opacity: 1; } } @@ -374,6 +374,7 @@ max-width: 400px; margin-right: auto; margin-left: auto; + margin-bottom: 25px; border-bottom: 2px dashed $temo-modra; } @@ -482,11 +483,9 @@ .col-6-blue{ -webkit-box-flex: 0; - -webkit-flex: 0 50%; - -ms-flex: 0 50%; - flex: 0 50%; padding-right: 25px; padding-left: 25px; + max-width: 800px; &.vert-center{ display: -webkit-box; diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss index 210a1cd02..24fe69752 100644 --- a/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss +++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss @@ -637,8 +637,8 @@ p { } .navlink:hover { - border-bottom-color: #0082ff; - color: #0082ff; + border-bottom-color: #1e88e5; + color: #1e88e5; } .div-block-6 { @@ -861,6 +861,8 @@ p { height: 100%; width: 100%; margin-bottom: 20px; + margin-top: 20px; + min-height: 230px; } .test-padding { @@ -986,10 +988,6 @@ p { text-align: center; } -.mh2 { - min-height: 131px; -} - .div-block-11 { display: -webkit-box; display: -webkit-flex; @@ -1209,7 +1207,7 @@ p { } .navlink-2:hover { - color: #0082ff; + color: #1e88e5; } .navlink-2.strong { @@ -1462,7 +1460,7 @@ p { } .textlink { - color: #0082ff; + color: #1e88e5; } .intri-inner { @@ -1490,11 +1488,11 @@ p { } .sidelink:hover { - color: #0082ff; + color: #1e88e5; } .sidelink:focus { - color: #0082ff; + color: #1e88e5; } .sidelink.l1 { @@ -1536,7 +1534,7 @@ p { } .breadcrumb:hover { - color: #0082ff; + color: #1e88e5; } .sidenav { @@ -1569,7 +1567,7 @@ p { } .text-block-4:focus { - color: #0082ff; + color: #1e88e5; } .icon-2 { @@ -1593,11 +1591,11 @@ p { } .sidelink-l3:hover { - color: #0082ff; + color: #1e88e5; } .sidelink-l3:focus { - color: #0082ff; + color: #1e88e5; } .manual-toggle { @@ -2461,10 +2459,6 @@ p { display: block; } - .mh2 { - min-height: 108px; - } - .image { display: none; } @@ -2696,10 +2690,6 @@ p { margin-left: auto; } - .mh2 { - min-height: 128px; - } - .text-block-3 { font-size: 44px; line-height: 64px; @@ -2854,10 +2844,6 @@ p { margin-left: 13px; } - .mh2 { - min-height: auto; - } - .text-block-3 { font-size: 40px; line-height: 40px; diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_breadcrumbs.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_breadcrumbs.scss index a522c097c..15b93a161 100755 --- a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_breadcrumbs.scss +++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_breadcrumbs.scss @@ -50,6 +50,6 @@ } .breadcrumb:hover { - color: #0082ff; + color: $modra; } } diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_menu.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_menu.scss index 1a4cc908e..1a578a559 100755 --- a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_menu.scss +++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_menu.scss @@ -85,8 +85,8 @@ text-decoration: none; &:hover { - border-bottom-color: #0082ff; - color: #0082ff; + border-bottom-color: #1e88e5; + color: #1e88e5; } } @@ -168,8 +168,8 @@ font-weight: 400; &:hover{ - border-bottom-color: #0082ff; - color: #0082ff; + border-bottom-color: #1e88e5; + color: #1e88e5; } } } @@ -190,7 +190,7 @@ font-size: 15px; &:hover{ - color: #0082ff; + color: #1e88e5; } } @@ -209,11 +209,11 @@ text-transform: uppercase; &:hover { - color: #0082ff; + color: #1e88e5; } &:focus { - color: #0082ff; + color: #1e88e5; } li { @@ -222,7 +222,7 @@ list-style: none; &:hover { - color: #0082ff; + color: #1e88e5; } a{ @@ -243,11 +243,11 @@ text-transform: none; &.is-active{ - color: #0082ff; + color: #1e88e5; } &:hover { - color: #0082ff; + color: #1e88e5; } } } diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_nakup.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_nakup.scss index 3f2c69cfa..a9fac6fca 100644 --- a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_nakup.scss +++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_nakup.scss @@ -10,6 +10,19 @@ } } +.accordion-toggle { + max-height: 0; + transition: max-height 0.3s ease-out; + //opacity: 0; + overflow: hidden; +} + +.accordion-toggle.active { + //opacity: 1; + max-height: 1000px; + transition: max-height 0.3s ease-in; +} + .paketi { padding: 2rem; margin-top: -11px; @@ -20,14 +33,6 @@ font-size: 14px; } - .accordion-toggle { - display: none; - } - - .accordion-toggle.active { - display: block; - } - .accordion-head.active { .accordion-arrow { transform: rotate(180deg); @@ -59,6 +64,12 @@ } } +.circle_check{ + margin-right: 8px; + margin-bottom: 3px; + width: 16px; +} + .poslovni-uporabniki.paketi { .compare-descr { min-height: 168px; diff --git a/frontend/drupal9/web/themes/custom/pro1ka/sass/pages/iskanje.scss b/frontend/drupal9/web/themes/custom/pro1ka/sass/pages/iskanje.scss index aba8e24d1..759a190cc 100644 --- a/frontend/drupal9/web/themes/custom/pro1ka/sass/pages/iskanje.scss +++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/pages/iskanje.scss @@ -2,4 +2,12 @@ p { color:#333; } + + h3 { + text-transform: uppercase; + + &:hover { + text-decoration: underline; + } + } } diff --git a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--front.html.twig b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--front.html.twig index 4c1f152ed..3f340d9d0 100755 --- a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--front.html.twig +++ b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--front.html.twig @@ -608,7 +608,7 @@ {% if language.id == 'sl' %}
Razvijalci 1KA se zavzemamo za čim boljšo uporabniško izkušnjo, zato redno delimo novosti o orodju 1KA.
+Razvijalci 1KA se zavzemamo za čim boljšo uporabniško izkušnjo, zato redno delimo novosti o orodju 1KA.
{% else %}Comitted to providing the best possible experience, news about our product are shared frequently.
+Comitted to providing the best possible experience, news about our product are shared frequently.
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--paketi-zasebni.html.twig b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--paketi-zasebni.html.twig index 592019b6d..c04876a30 100755 --- a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--paketi-zasebni.html.twig +++ b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--paketi-zasebni.html.twig @@ -54,34 +54,31 @@ END HEADER #}