diff --git a/frontend/drupal9/web/themes/custom/pro1ka/css/style.css b/frontend/drupal9/web/themes/custom/pro1ka/css/style.css index 2d5dd7061..945e8013c 100644 --- a/frontend/drupal9/web/themes/custom/pro1ka/css/style.css +++ b/frontend/drupal9/web/themes/custom/pro1ka/css/style.css @@ -1449,7 +1449,7 @@ input.error-field { to { width: 20px; } } #nakupovanje-1ka { - width: 1000px; + width: 1040px; margin: 0 auto; } .accordion-toggle { @@ -1519,28 +1519,39 @@ input.error-field { background: white; margin-bottom: 3rem; } .nakup-1ka .leva { - width: 50%; + width: 45%; border-right: 1px #d1d1d1 solid; padding-right: 40px; } .nakup-1ka .leva .month-pick { width: 100%; } .nakup-1ka .leva .sklop .checkbox-field { - padding: 0; } + padding-left: 20px; } .nakup-1ka .desna { - width: 50%; + width: 55%; padding-left: 40px; display: flex; - flex-direction: row; } + flex-direction: row; + padding-top: 104px; } .nakup-1ka .desna .ddesna { padding-top: 50px; margin-left: auto; - padding-top: 104px; } + padding-top: 33px; } .nakup-1ka .desna .ddesna .cena-z-ddv-text { - font-size: 18px; } - .nakup-1ka .desna .dleva { - width: 54%; } - .nakup-1ka .desna .dleva h4 { font-size: 16px; } + .nakup-1ka .desna .dleva { + width: 60%; } + .nakup-1ka .desna .dleva .text-small { + font-size: 16px; + color: #1e88e5; + margin-bottom: 16px; } + .nakup-1ka .desna .dleva h3 { + margin-bottom: 16px; } + .nakup-1ka .desna .dleva h4 { + font-size: 16px; + margin: 0; } + .nakup-1ka .desna .dleva h4.margintb { + margin-top: 20px; + margin-bottom: 16px; } .nakup-1ka .section-main { display: -webkit-box; display: -webkit-flex; @@ -1689,8 +1700,8 @@ input.error-field { font-weight: 600; margin-bottom: 0; } .nakup-1ka #skupaj-placilo .text-small { - font-size: 14px; - color: #1e88e5; } + font-style: italic; + font-size: 14px; } .nakup-1ka .col._narocilo { padding-top: 2rem; } .nakup-1ka .col._narocilo .col { @@ -1753,7 +1764,6 @@ input.error-field { padding-top: 0px; } @media (max-width: 1050px) { - .nakup-1ka .izbira .paket, .nakup-1ka .izbira .paket.vrsta-placila, .nakup-1ka .izbira .mesec { width: 259px; } @@ -1765,7 +1775,6 @@ input.error-field { .paketi p.compare-descr { min-height: 39%; } - .nakup-1ka .izbira .paket, .nakup-1ka .izbira .paket.vrsta-placila, .nakup-1ka .izbira .mesec { width: 100%; @@ -1777,7 +1786,6 @@ input.error-field { .nakup-1ka .col { padding-right: 0; padding-left: 0; } - .nakup-1ka .izbira .paket, .nakup-1ka .izbira .paket.vrsta-placila, .nakup-1ka .izbira .mesec { max-width: 100%; diff --git a/frontend/drupal9/web/themes/custom/pro1ka/js/nakupovanje.js b/frontend/drupal9/web/themes/custom/pro1ka/js/nakupovanje.js index b35caae7d..c9437e22c 100644 --- a/frontend/drupal9/web/themes/custom/pro1ka/js/nakupovanje.js +++ b/frontend/drupal9/web/themes/custom/pro1ka/js/nakupovanje.js @@ -226,8 +226,6 @@ function prikaziPoljeEracun(){ 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]; 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 a1369dc62..30f2ea09e 100644 --- a/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_nakup.scss +++ b/frontend/drupal9/web/themes/custom/pro1ka/sass/components/_nakup.scss @@ -11,7 +11,7 @@ } #nakupovanje-1ka{ - width: 1000px; + width: 1040px; margin: 0 auto; } @@ -121,7 +121,7 @@ margin-bottom: 3rem; .leva{ - width: 50%; + width: 45%; border-right: 1px #d1d1d1 solid; padding-right: 40px; @@ -131,32 +131,49 @@ .sklop{ .checkbox-field{ - padding: 0; + padding-left: 20px; } } } .desna{ - width: 50%; + width: 55%; padding-left: 40px; display: flex; flex-direction: row; + padding-top: 104px; .ddesna{ //width: 50%; padding-top: 50px; margin-left: auto; - padding-top: 104px; + padding-top: 33px; .cena-z-ddv-text{ - font-size: 18px; + font-size: 16px; } } .dleva{ - width: 54%; + width: 60%; + + .text-small { + font-size: 16px; + color: $modra; + margin-bottom: 16px; + } + + h3{ + margin-bottom: 16px; + } h4{ font-size: 16px; + margin: 0; + + &.margintb{ + margin-top: 20px; + margin-bottom: 16px; + } } } } @@ -396,9 +413,8 @@ } .text-small { - //font-style: italic; + font-style: italic; font-size: 14px; - color: $modra; } } @@ -510,7 +526,6 @@ @media (max-width: 1050px) { .nakup-1ka { .izbira { - .paket, .paket.vrsta-placila, .mesec { width: 259px; @@ -538,7 +553,6 @@ .nakup-1ka { .izbira { - .paket, .paket.vrsta-placila, .mesec { width: 100%; @@ -563,7 +577,6 @@ } .izbira { - .paket, .paket.vrsta-placila, .mesec { max-width: 100%; diff --git a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--nakup-paketa.html.twig b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--nakup-paketa.html.twig index 4e0a44b32..34a210639 100644 --- a/frontend/drupal9/web/themes/custom/pro1ka/templates/page--nakup-paketa.html.twig +++ b/frontend/drupal9/web/themes/custom/pro1ka/templates/page--nakup-paketa.html.twig @@ -143,7 +143,8 @@