From 29e664d2301156803b051e0169a6baa33d1b11b2 Mon Sep 17 00:00:00 2001 From: urospodkriznik Date: Thu, 29 Sep 2022 19:19:45 +0200 Subject: [PATCH] drupal responsive - glavni menu, stranski menu, front page --- .../web/themes/custom/pro1ka/css/style.css | 178 +++++++++++++----- .../web/themes/custom/pro1ka/js/script.js | 22 +++ .../custom/pro1ka/sass/bacis/frontpage.scss | 4 + .../custom/pro1ka/sass/bolaric/1ka.scss | 62 ++++-- .../custom/pro1ka/sass/components/_menu.scss | 143 ++++++++++---- .../custom/pro1ka/svg/icons8-close-menu.svg | 1 + .../themes/custom/pro1ka/svg/icons8-menu.svg | 1 + .../pro1ka/svg/icons8-user-manual-1.svg | 3 + .../pro1ka/templates/page--front.html.twig | 38 ++-- .../custom/pro1ka/templates/page.html.twig | 5 + .../pro1ka/templates/parts/header.html.twig | 56 ++++++ 11 files changed, 402 insertions(+), 111 deletions(-) create mode 100644 frontend/drupal9/web/themes/custom/pro1ka/svg/icons8-close-menu.svg create mode 100644 frontend/drupal9/web/themes/custom/pro1ka/svg/icons8-menu.svg create mode 100644 frontend/drupal9/web/themes/custom/pro1ka/svg/icons8-user-manual-1.svg diff --git a/frontend/drupal9/web/themes/custom/pro1ka/css/style.css b/frontend/drupal9/web/themes/custom/pro1ka/css/style.css index cac4ad3c9..735a6d3a3 100644 --- a/frontend/drupal9/web/themes/custom/pro1ka/css/style.css +++ b/frontend/drupal9/web/themes/custom/pro1ka/css/style.css @@ -509,6 +509,7 @@ body { margin-top: 9px; } .section.uvodni-slider { + padding-top: 0; z-index: 121; display: -webkit-box; display: -webkit-flex; @@ -727,7 +728,10 @@ body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; - display: flex; } + display: flex; + max-width: 320px; + margin-left: auto; + margin-right: auto; } .koraki-spletnega-anketiranja .row .stolpec .slika .postavitev { display: -webkit-box; display: -webkit-flex; @@ -1810,7 +1814,8 @@ input.error-field { display: block; padding: 9px 15px; margin-top: 1rem; } } -.nav-menu { +.nav-menu, +.mobile-nav-menu { position: fixed; left: 0%; top: 0%; @@ -1818,25 +1823,28 @@ input.error-field { bottom: auto; z-index: 140; background-color: #fff; + min-height: 65px; /* .container { - -webkit-transition: all 1200ms linear; - -moz-transition: all 1200ms linear; - -o-transition: all 1200ms linear; - -ms-transition: all 1200ms linear; - transition: all 1200ms linear; - - &.hide{ - height: 0; - } - } */ } - .nav-menu .logo { + -webkit-transition: all 1200ms linear; + -moz-transition: all 1200ms linear; + -o-transition: all 1200ms linear; + -ms-transition: all 1200ms linear; + transition: all 1200ms linear; + + &.hide{ + height: 0; + } + } */ } + .nav-menu .logo, + .mobile-nav-menu .logo { display: block; height: 71px; margin-top: 0px; padding-top: 14px; padding-bottom: 10px; float: left; } - .nav-menu .block-menu { + .nav-menu .block-menu, + .mobile-nav-menu .block-menu { z-index: 200; display: -webkit-box; display: -webkit-flex; @@ -1850,7 +1858,8 @@ input.error-field { -webkit-flex: 1; -ms-flex: 1; flex: 1; } - .nav-menu .block-menu .list-elementi { + .nav-menu .block-menu .list-elementi, + .mobile-nav-menu .block-menu .list-elementi { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -1868,7 +1877,8 @@ input.error-field { list-style: none; flex-flow: row wrap; margin-right: 24px; } - .nav-menu .block-menu .list-elementi .nav-li { + .nav-menu .block-menu .list-elementi .nav-li, + .mobile-nav-menu .block-menu .list-elementi .nav-li { padding-right: 15px; padding-left: 15px; -webkit-box-flex: 0; @@ -1876,7 +1886,8 @@ input.error-field { -ms-flex: 0 0 auto; flex: 0 0 auto; list-style: none; } - .nav-menu .block-menu .list-elementi .nav-li a { + .nav-menu .block-menu .list-elementi .nav-li a, + .mobile-nav-menu .block-menu .list-elementi .nav-li a { display: block; padding-top: 20px; padding-bottom: 3px; @@ -1886,12 +1897,15 @@ input.error-field { line-height: 30px; font-weight: 400; text-decoration: none; } - .nav-menu .block-menu .list-elementi .nav-li a:hover { + .nav-menu .block-menu .list-elementi .nav-li a:hover, + .mobile-nav-menu .block-menu .list-elementi .nav-li a:hover { border-bottom-color: #1e88e5; color: #1e88e5; } - .nav-menu .block-menu .list-elementi .nav-li.menue-2-drop { + .nav-menu .block-menu .list-elementi .nav-li.menue-2-drop, + .mobile-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 { + .nav-menu .block-menu .list-elementi .nav-li.menue-2-drop .nav-ul-2, + .mobile-nav-menu .block-menu .list-elementi .nav-li.menue-2-drop .nav-ul-2 { position: fixed; left: 0px; top: 70px; @@ -1908,7 +1922,8 @@ input.error-field { border-color: #b3d8eb; background-color: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.22); } - .nav-menu .block-menu .desni-elementi { + .nav-menu .block-menu .desni-elementi, + .mobile-nav-menu .block-menu .desni-elementi { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -1923,21 +1938,31 @@ input.error-field { align-items: start; padding-top: 20px; margin-left: auto; } - .nav-menu .block-menu .desni-elementi .searchbutton { + .nav-menu .block-menu .desni-elementi .searchbutton, + .mobile-nav-menu .block-menu .desni-elementi .searchbutton { margin-top: 4px; z-index: 999; } - .nav-menu .region-header-menu { + .nav-menu .block-menu .menu-icon, + .mobile-nav-menu .block-menu .menu-icon { + display: none; + margin-left: auto; } + .nav-menu .region-header-menu, + .mobile-nav-menu .region-header-menu { display: flex; } - .nav-menu .region-header-menu .language-switcher-language-url ul { + .nav-menu .region-header-menu .language-switcher-language-url ul, + .mobile-nav-menu .region-header-menu .language-switcher-language-url ul { list-style: none; padding: 0; } - .nav-menu .region-header-menu .language-switcher-language-url ul li { + .nav-menu .region-header-menu .language-switcher-language-url ul li, + .mobile-nav-menu .region-header-menu .language-switcher-language-url ul li { text-transform: uppercase; font-weight: bold; display: none; } - .nav-menu .region-header-menu .language-switcher-language-url ul li:not(.is-active) { + .nav-menu .region-header-menu .language-switcher-language-url ul li:not(.is-active), + .mobile-nav-menu .region-header-menu .language-switcher-language-url ul li:not(.is-active) { display: block; } - .nav-menu .region-header-menu .language-switcher-language-url ul li a { + .nav-menu .region-header-menu .language-switcher-language-url ul li a, + .mobile-nav-menu .region-header-menu .language-switcher-language-url ul li a { display: block; padding-top: 20px; padding-bottom: 3px; @@ -1946,7 +1971,8 @@ input.error-field { font-size: 16px; line-height: 30px; font-weight: 400; } - .nav-menu .region-header-menu .language-switcher-language-url ul li a:hover { + .nav-menu .region-header-menu .language-switcher-language-url ul li a:hover, + .mobile-nav-menu .region-header-menu .language-switcher-language-url ul li a:hover { border-bottom-color: #1e88e5; color: #1e88e5; } @@ -2050,6 +2076,49 @@ nav.tabs { padding: 10px 15px; margin-top: 5px; } +.mobile-nav-menu { + position: fixed; + left: 0%; + top: 0%; + right: auto; + bottom: 0%; + z-index: 140; + background-color: #fff; + padding: 30px 20px; + min-width: 350px; + flex-direction: column; + overflow: auto; + box-shadow: 4px 4px 11px 0 rgba(0, 0, 0, 0.09); } + .mobile-nav-menu .region-header-menu { + flex-direction: column; } + .mobile-nav-menu .region-header-menu .language-switcher-language-url { + padding-left: 10px; } + .mobile-nav-menu .region-header-menu a { + padding-top: 5px !important; + font-size: 19px !important; } + .mobile-nav-menu .region-header-menu a:hover { + border-bottom-color: white !important; } + .mobile-nav-menu .region-header-menu .block-menu { + flex-direction: column; } + .mobile-nav-menu .region-header-menu .block-menu .list-elementi { + flex-direction: column !important; + padding-left: 10px !important; } + .mobile-nav-menu .region-header-menu .block-menu .list-elementi .nav-li { + padding: 0; } + .mobile-nav-menu .desni-elementi { + margin-top: 10px; + margin-left: 10px; } + +@media screen and (max-width: 991px) { + .nav-menu .region-header-menu, + .nav-menu .desni-elementi { + display: none !important; } + .nav-menu .menu-icon { + display: block !important; + margin-top: 15px; } + .nav-menu .menu-icon img { + height: 35px; + cursor: pointer; } } #block-languageswitcher { margin-right: 40px; } #block-languageswitcher ul { @@ -5432,7 +5501,7 @@ p { .sidelink-l3:focus { color: #1e88e5; } -.manual-toggle { +.sidenav-toggle { display: none; } .dashcol { @@ -6040,6 +6109,14 @@ p { text-align: center; cursor: pointer; } + .section-main.functionalities { + display: block !important; } + .section-main.functionalities .flexcol { + margin-bottom: 18px !important; } + + .mnenja-up { + display: block !important; } + .content { padding-top: 0px; padding-left: 0px; } @@ -6066,12 +6143,20 @@ p { display: flex; padding-right: 0px; } + .koraki-spletnega-anketiranja .row { + display: block !important; } + .koraki-spletnega-anketiranja .gumb { + flex: none !important; + width: auto !important; + margin-left: auto; + margin-right: auto; } + .col._4-12-12-12 { - width: 100%; - -webkit-box-flex: 0; - -webkit-flex: 0 100%; - -ms-flex: 0 100%; - flex: 0 100%; } + width: 100% !important; + -webkit-box-flex: 0 !important; + -webkit-flex: 0 100% !important; + -ms-flex: 0 100% !important; + flex: 0 100% !important; } .col._6-12-12-12 { -webkit-flex-basis: 100%; @@ -6144,7 +6229,7 @@ p { max-width: none; } .kvcol.leftcol { - max-width: none; + max-width: none !important; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; @@ -6179,8 +6264,8 @@ p { height: auto; margin-bottom: 57px; } - .div-block-10 { - display: block; } + .uvodni-slider { + display: block !important; } .image { display: none; } @@ -6251,7 +6336,7 @@ p { top: 0%; right: 0%; bottom: 0%; - z-index: 100; + z-index: 200; display: none; overflow: auto; margin-right: 0px; @@ -6259,9 +6344,10 @@ p { border: 1px solid #e5e5e5; border-radius: 0px; background-color: #fff; - box-shadow: none; } + box-shadow: none; + overflow: auto; } - .manual-toggle { + .sidenav-toggle { position: fixed; left: auto; top: auto; @@ -6274,10 +6360,10 @@ p { padding: 9px; border-radius: 39px; background-color: #1e88e5; - box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.37); } - - .image-3 { - width: 100%; } + box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.37); + cursor: pointer; } + .sidenav-toggle img { + width: 100%; } .medium-icon-wrapper { margin-top: 20px; } @@ -6316,7 +6402,9 @@ p { width: 33.3333%; } .searchform { - padding-top: 25px; } } + padding-top: 0; } + .searchform .container { + padding-top: 25px; } } @media screen and (max-width: 767px) { h1 { font-size: 34px; diff --git a/frontend/drupal9/web/themes/custom/pro1ka/js/script.js b/frontend/drupal9/web/themes/custom/pro1ka/js/script.js index dd33fb340..bd8e6fcaf 100755 --- a/frontend/drupal9/web/themes/custom/pro1ka/js/script.js +++ b/frontend/drupal9/web/themes/custom/pro1ka/js/script.js @@ -34,6 +34,28 @@ jQuery('.searchform').css('transform', 'translate3d(0px, 0px, 0px)'); }); + // toggle glavni menu na mobile + jQuery('.toggleMenu').on('click', function(){ + let menu = jQuery('.mobile-nav-menu')[0]; + let toggle_menu = jQuery('.toggleMenu')[0]; + if(menu.style.display == 'none'){ + toggle_menu.src="/tema1ka/svg/icons8-close-menu.svg"; + menu.style.display = 'flex'; + } + else{ + toggle_menu.src="/tema1ka/svg/icons8-menu.svg"; + menu.style.display = 'none'; + } + }); + // togle side menu na mobile + jQuery('.sidenav-toggle').on('click', function(){ + let menu = jQuery('.sidenav')[0]; + if(menu.style.display !== 'block') + menu.style.display = 'block'; + else + menu.style.display = 'none'; + }); + jQuery('.hide-search').on('click', function(){ jQuery('.searchform').css('transform', 'translate3d(0px, -100%, 0px)'); }); 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 6af432ca2..4ca499857 100644 --- a/frontend/drupal9/web/themes/custom/pro1ka/sass/bacis/frontpage.scss +++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/bacis/frontpage.scss @@ -1,4 +1,5 @@ .section.uvodni-slider{ + padding-top: 0; z-index: 121; display: -webkit-box; display: -webkit-flex; @@ -267,6 +268,9 @@ display: -webkit-flex; display: -ms-flexbox; display: flex; + max-width: 320px; + margin-left: auto; + margin-right: auto; .postavitev { 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 6859bf797..1ff1be974 100644 --- a/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss +++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss @@ -1603,7 +1603,7 @@ p { color: #1e88e5; } -.manual-toggle { +.sidenav-toggle { display: none; } @@ -2296,6 +2296,20 @@ p { cursor: pointer; } + .section-main{ + &.functionalities{ + display: block !important; + + .flexcol{ + margin-bottom: 18px !important; + } + } + } + + .mnenja-up{ + display: block !important; + } + .content { padding-top: 0px; padding-left: 0px; @@ -2328,12 +2342,24 @@ p { padding-right: 0px; } + .koraki-spletnega-anketiranja{ + .row{ + display:block !important; + } + .gumb{ + flex: none !important; + width: auto !important; + margin-left: auto; + margin-right: auto; + } + } + .col._4-12-12-12 { - width: 100%; - -webkit-box-flex: 0; - -webkit-flex: 0 100%; - -ms-flex: 0 100%; - flex: 0 100%; + width: 100% !important; + -webkit-box-flex: 0 !important; + -webkit-flex: 0 100% !important; + -ms-flex: 0 100% !important; + flex: 0 100% !important; } .col._6-12-12-12 { @@ -2418,7 +2444,7 @@ p { } .kvcol.leftcol { - max-width: none; + max-width: none !important; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; @@ -2463,8 +2489,8 @@ p { //background-color: #99f2e1; } - .div-block-10 { - display: block; + .uvodni-slider { + display: block !important; } .image { @@ -2550,7 +2576,7 @@ p { top: 0%; right: 0%; bottom: 0%; - z-index: 100; + z-index: 200; display: none; overflow: auto; margin-right: 0px; @@ -2559,9 +2585,10 @@ p { border-radius: 0px; background-color: #fff; box-shadow: none; + overflow: auto; } - .manual-toggle { + .sidenav-toggle { position: fixed; left: auto; top: auto; @@ -2575,10 +2602,11 @@ p { border-radius: 39px; background-color: #1e88e5; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.37); - } + cursor: pointer; - .image-3 { - width: 100%; + img{ + width: 100%; + } } .medium-icon-wrapper { @@ -2627,7 +2655,10 @@ p { } .searchform { - padding-top: 25px; + padding-top: 0; + .container{ + padding-top: 25px; + } } } @@ -2747,6 +2778,7 @@ p { } @media screen and (max-width: 479px) { + .section.kvs { padding-top: 17px; } 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 1a578a559..6881f1594 100755 --- a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_menu.scss +++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_menu.scss @@ -1,14 +1,15 @@ -.nav-menu { +.nav-menu, +.mobile-nav-menu { position: fixed; left: 0%; top: 0%; right: 0%; bottom: auto; z-index: 140; - //height: 70px; background-color: #fff; + min-height: 65px; -/* .container { + /* .container { -webkit-transition: all 1200ms linear; -moz-transition: all 1200ms linear; -o-transition: all 1200ms linear; @@ -20,7 +21,7 @@ } } */ - .logo{ + .logo { display: block; height: 71px; margin-top: 0px; @@ -29,7 +30,7 @@ float: left; } - .block-menu{ + .block-menu { z-index: 200; display: -webkit-box; display: -webkit-flex; @@ -44,7 +45,7 @@ -ms-flex: 1; flex: 1; - .list-elementi{ + .list-elementi { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -64,7 +65,7 @@ flex-flow: row wrap; margin-right: 24px; - .nav-li{ + .nav-li { padding-right: 15px; padding-left: 15px; -webkit-box-flex: 0; @@ -90,10 +91,10 @@ } } - &.menue-2-drop{ + &.menue-2-drop { display: block; - .nav-ul-2{ + .nav-ul-2 { position: fixed; left: 0px; top: 70px; @@ -117,7 +118,7 @@ } - .desni-elementi{ + .desni-elementi { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -138,6 +139,11 @@ z-index: 999; } } + + .menu-icon { + display: none; + margin-left: auto; + } } .region-header-menu { @@ -146,18 +152,18 @@ .language-switcher-language-url { ul { list-style: none; - padding: 0; + padding: 0; li { text-transform: uppercase; font-weight: bold; display: none; - &:not(.is-active){ + &:not(.is-active) { display: block; } - a{ + a { display: block; padding-top: 20px; padding-bottom: 3px; @@ -167,7 +173,7 @@ line-height: 30px; font-weight: 400; - &:hover{ + &:hover { border-bottom-color: #1e88e5; color: #1e88e5; } @@ -179,26 +185,28 @@ } -.sidebar_menu{ + + +.sidebar_menu { display: block; - h4 a{ + h4 a { color: #333; text-decoration: none; text-transform: uppercase; font-weight: 600; font-size: 15px; - &:hover{ + &:hover { color: #1e88e5; } } - #forma-iskanje-second{ + #forma-iskanje-second { display: flex; } - ul:not(.contextual-links){ + ul:not(.contextual-links) { display: block; margin: 0px; padding: 0px; @@ -225,7 +233,7 @@ color: #1e88e5; } - a{ + a { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; @@ -242,7 +250,7 @@ text-decoration: none; text-transform: none; - &.is-active{ + &.is-active { color: #1e88e5; } @@ -253,18 +261,18 @@ } } - ul.menu-1ka{ - li{ - a{ + ul.menu-1ka { + li { + a { margin-top: 10px; text-transform: uppercase; font-weight: 600; } } - ul.menu{ - li{ - a{ + ul.menu { + li { + a { margin-top: 0px; text-transform: none; font-weight: 400; @@ -283,13 +291,13 @@ nav.tabs { display: flex; margin-top: 40px; margin-bottom: 40px; - -webkit-box-pack:start; + -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: center; justify-content: flex-start; border-bottom: 1px none #b3d8eb; - li{ + li { margin-right: 12px; border-bottom: 2px solid #d3d3d3; font-size: 20px; @@ -304,13 +312,15 @@ nav.tabs { background: none; color: #999; - &:hover, &.is-active{ + &:hover, + &.is-active { background-color: #fff; color: #1e88e5; } } - &:hover, &.is-active{ + &:hover, + &.is-active { border-bottom-color: #1e88e5; background-color: #fff; color: #1e88e5; @@ -318,7 +328,7 @@ nav.tabs { } } -#user-menu{ +#user-menu { ul.user-menu-link { list-style: none; padding-inline-start: 0; @@ -327,3 +337,72 @@ nav.tabs { margin-top: 5px; } } + +.mobile-nav-menu { + position: fixed; + left: 0%; + top: 0%; + right: auto; + bottom: 0%; + z-index: 140; + background-color: #fff; + padding: 30px 20px; + min-width: 350px; + flex-direction: column; + overflow: auto; + box-shadow: 4px 4px 11px 0 rgba(0, 0, 0, 0.09); + + .region-header-menu { + flex-direction: column; + + .language-switcher-language-url{ + padding-left: 10px; + } + + a { + padding-top: 5px !important; + font-size: 19px !important; + + &:hover{ + border-bottom-color: white !important; + } + } + + .block-menu { + flex-direction: column; + + .list-elementi { + flex-direction: column !important; + padding-left: 10px !important; + + .nav-li { + padding: 0; + } + } + } + } + + .desni-elementi { + margin-top: 10px; + margin-left: 10px; + } +} + +@media screen and (max-width: 991px) { + .nav-menu { + .region-header-menu, + .desni-elementi { + display: none !important; + } + + .menu-icon { + display: block !important; + margin-top: 15px; + + img { + height: 35px; + cursor: pointer; + } + } + } +} \ No newline at end of file diff --git a/frontend/drupal9/web/themes/custom/pro1ka/svg/icons8-close-menu.svg b/frontend/drupal9/web/themes/custom/pro1ka/svg/icons8-close-menu.svg new file mode 100644 index 000000000..68c6aea44 --- /dev/null +++ b/frontend/drupal9/web/themes/custom/pro1ka/svg/icons8-close-menu.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/frontend/drupal9/web/themes/custom/pro1ka/svg/icons8-menu.svg b/frontend/drupal9/web/themes/custom/pro1ka/svg/icons8-menu.svg new file mode 100644 index 000000000..3d78def64 --- /dev/null +++ b/frontend/drupal9/web/themes/custom/pro1ka/svg/icons8-menu.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/frontend/drupal9/web/themes/custom/pro1ka/svg/icons8-user-manual-1.svg b/frontend/drupal9/web/themes/custom/pro1ka/svg/icons8-user-manual-1.svg new file mode 100644 index 000000000..c33971862 --- /dev/null +++ b/frontend/drupal9/web/themes/custom/pro1ka/svg/icons8-user-manual-1.svg @@ -0,0 +1,3 @@ + + + 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 3f340d9d0..c9f452e27 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 @@ -16,22 +16,22 @@ {# Uvodna slika #}
-
-
+
+
-
-
-

+
+
+

{% if language.id == 'sl' %} Minimalno število klikov {% else %} Minimal number of clicks {% endif %}

-

+

{% if language.id == 'sl' %} ZMOGLJIVO, HITRO IN ENOSTAVNO ORODJE ZA ANKETIRANJE {% else %} @@ -68,8 +68,8 @@ {% endif %}

-
-
+
+
{% if language.id == 'sl' %} @@ -105,7 +105,7 @@
-
+
@@ -156,7 +156,7 @@
-
+
@@ -510,7 +510,7 @@
-
+
@@ -608,7 +608,7 @@ {% if language.id == 'sl' %}

NOVICE

-

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.

Preberi več
@@ -617,7 +617,7 @@
{% else %}

NEWS

-

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.

Read more
@@ -638,7 +638,7 @@ {% if language.id == 'sl' %}

O 1KA

-

1KA je aplikacija, ki omogoča enostavno in dostopno spletno anketiranje.

+

1KA je aplikacija, ki omogoča enostavno in dostopno spletno anketiranje.

Preberi več
@@ -647,7 +647,7 @@
{% else %}

ABOUT 1KA

-

1KA is a web survey software that makes survey creation easy and accessible.

+

1KA is a web survey software that makes survey creation easy and accessible.

Read more
@@ -667,7 +667,7 @@ {% if language.id == 'sl' %}

1KA PODPORA

-

Ste ob izdelavi ankete naleteli na težavo? Kontaktirajte našo podporo uporabnikov.

+

Ste ob izdelavi ankete naleteli na težavo? Kontaktirajte našo podporo uporabnikov.

Preberi več
@@ -676,7 +676,7 @@
{% else %}

1KA SUPPORT

-

Encountered a problem while creating your survey? Contact our customer support.

+

Encountered a problem while creating your survey? Contact our customer support.

Read more
@@ -697,7 +697,7 @@ {% if language.id == 'sl' %}

KAKO DELUJE?

-

Vsem uporabnikom so na voljo priročniki, video vodiči in odgovori na pogosta vprašanja.

+

Vsem uporabnikom so na voljo priročniki, video vodiči in odgovori na pogosta vprašanja.

Preberi več
@@ -706,7 +706,7 @@
{% else %}

HOW DOES IT WORK?

-

Manuals, video guides and answers to frequently asked questions are available to all users.

+

Manuals, video guides and answers to frequently asked questions are available to all users.

Read more
diff --git a/frontend/drupal9/web/themes/custom/pro1ka/templates/page.html.twig b/frontend/drupal9/web/themes/custom/pro1ka/templates/page.html.twig index d101657ea..d5430de97 100755 --- a/frontend/drupal9/web/themes/custom/pro1ka/templates/page.html.twig +++ b/frontend/drupal9/web/themes/custom/pro1ka/templates/page.html.twig @@ -43,6 +43,11 @@ {{ page.sidebar_menu }}
+ + {# floating button for toggling side menu #} +
+ +
{# {% endif %}#} {# END desni meni #} diff --git a/frontend/drupal9/web/themes/custom/pro1ka/templates/parts/header.html.twig b/frontend/drupal9/web/themes/custom/pro1ka/templates/parts/header.html.twig index 005ad7887..0415cb8be 100644 --- a/frontend/drupal9/web/themes/custom/pro1ka/templates/parts/header.html.twig +++ b/frontend/drupal9/web/themes/custom/pro1ka/templates/parts/header.html.twig @@ -87,6 +87,10 @@ {% endif %}
+
+ +
+
@@ -95,5 +99,57 @@
+ + + + {# END Navigacija#}