may/1KA_F2F
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

drupal - spremenjena barva main gumbov na hover; popravljena pozicija search bar pri manjsih zaslonih; dodan segment "Prednosti orodja 1KA" na prvo stran (skupaj z novimi ikonami); v primeru dveh gumbov v popupih na malih ekranih se gumb nazaj premakne na zadnje mesto; ceniki - margin naslova od gleve, poravnava cen

Browse Source
This commit is contained in:
urospodkriznik 2022-11-04 13:36:21 +01:00
parent 15837b807e
commit aff4559513
11 changed files with 2667 additions and 3769 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6257
frontend/drupal9/web/themes/custom/pro1ka/css/style.css
View File

File diff suppressed because it is too large Load Diff

4
frontend/drupal9/web/themes/custom/pro1ka/js/script.js
View File

@ -314,8 +314,8 @@
jQuery('.prijava-ostale-nazaj').on('click', function () {
jQuery('#modal-other-login').hide();
jQuery('.rexister-modal'). hide();
jQuery('#modal-login').show();
jQuery('#modal-other-login h3').show();
jQuery('#modal-login').css('display', 'flex');
jQuery('#modal-other-login h3').css('display', 'flex');
});
jQuery('.ikona-custom-login').on('click', function () {

16
frontend/drupal9/web/themes/custom/pro1ka/sass/bolaric/1ka.scss
View File

@ -487,7 +487,7 @@ p {
.buttong.main-button,
.button.main-button {
background: linear-gradient(to left, #1e88e5 50%, $temo-modra 50%) right;
background: linear-gradient(to left, #1e88e5 50%, $modra-hover 50%) right;
background-size: 200%;
transition: .2s ease-out;
color: #fff;
@ -1143,8 +1143,8 @@ p {
}
.grid-icon.large-gi {
width: 40px;
height: 40px;
width: 50px;
height: 50px;
}
.icon-wrapp {
@ -2009,6 +2009,7 @@ p {
}
.hide-search {
margin-bottom: 10px;
width: 48px;
height: 48px;
padding: 12px;
@ -2296,6 +2297,7 @@ p {
border-radius: 50%;
background-color: #e0f6ff;
opacity: 1;
align-self: center;
}
@media screen and (max-width: 991px) {
@ -2320,7 +2322,9 @@ p {
}
.searchform {
top: 62px !important;
top: 0px !important;
padding: 10px 0;
.container{
padding-top: 10px;
.w-form{
@ -2824,6 +2828,10 @@ p {
.ostale-storitve{
.cd {
text-align: left;
&.cena{
text-align: center;
}
}
}

11
frontend/drupal9/web/themes/custom/pro1ka/sass/components/_popup.scss
View File

@ -318,14 +318,14 @@
&.main-button {
margin: 0 0 0 8px;
background: linear-gradient(to left, #1e88e5 50%, $temo-modra 50%) right;
background: linear-gradient(to left, #1e88e5 50%, $modra-hover 50%) right;
background-size: 200%;
transition: .2s ease-out;
color: #fff;
border: 1px solid #1e88e5;
&:hover {
border: 1px solid $temo-modra;
border: 1px solid $modra-hover;
background-position: left;
}
}
@ -720,13 +720,14 @@
.w-form,
#register-form-confirm{
.buttons{
flex-direction: column !important;
flex-direction: column-reverse !important;
.secondary-button{
margin: 0 !important;
margin: 10px 0 0 0 !important;
padding: 9px 15px !important;
}
.main-button{
margin: 10px 0 0 0 !important;
margin: 0 !important;
}
}
}

2
frontend/drupal9/web/themes/custom/pro1ka/sass/pages/cenik.scss
View File

@ -75,7 +75,7 @@
@media screen and (max-width: 991px) {
.cenik-prikaz {
margin-top: 0;
margin-top: 70px;
.ostale-storitve {
&.w-70 {

3
frontend/drupal9/web/themes/custom/pro1ka/svg/icons-survey-3.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.8125 0C16.3359 0.0898438 15.9922 0.511719 16 1V2H7.90625C6.30469 2 5 3.30469 5 4.90625V47C5 48.6445 6.30469 50 7.90625 50H42C43.6445 50 44.9062 48.6289 44.9062 47.0938V5C44.9102 4.96875 44.9023 4.9375 44.9062 4.90625C45.0078 3.30078 43.6602 2 42.0938 2H34V1C34 0.449219 33.5508 0 33 0H17C16.9688 0 16.9375 0 16.9062 0C16.875 0 16.8438 0 16.8125 0ZM18 2H32V8H18V2ZM7.90625 4H16V6H9V46H41V6H34V4H42.0938C42.4922 4 42.9414 4.46094 42.9062 4.8125C42.9062 4.84375 42.9062 4.875 42.9062 4.90625V47.0938C42.9062 47.5586 42.5547 48 42 48H7.90625C7.50781 48 7 47.5547 7 47V4.90625C7 4.50781 7.50781 4 7.90625 4ZM11 8H16V9C16 9.55078 16.4492 10 17 10H33C33.5508 10 34 9.55078 34 9V8H39V44H11V8ZM15 17V25H23V17H15ZM17 19H21V23H17V19ZM26 20V22H35V20H26ZM15 30V38H23V30H15ZM17 32H21V36H17V32ZM18 33V35H20V33H18ZM26 33V35H35V33H26Z" fill="#1E88E5"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 952 B

10
frontend/drupal9/web/themes/custom/pro1ka/svg/icons8-eye-checked.svg Normal file
View File

@ -0,0 +1,10 @@
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2_596)">
<path d="M25 11C11.9883 11 1.67187 22.8438 1.24219 23.3477C0.917969 23.7227 0.917969 24.2773 1.24219 24.6523C1.67187 25.1562 11.9883 37 25 37C26.0195 37 27.0195 36.918 28 36.7852V34.75C27.0156 34.8984 26.0195 35 25 35C14.6016 35 5.70312 26.4531 3.35937 24C4.82031 22.4688 8.82812 18.5703 14.1641 15.8516C13.4062 17.4453 13 19.1992 13 21C13 27.6172 18.3828 33 25 33C26.0391 33 27.0391 32.8555 28 32.6055V30.5469C28 30.543 28.0039 30.5391 28.0039 30.5391C27.0547 30.8359 26.0469 31 25 31C19.4844 31 15 26.5156 15 21C15 18.5625 15.8867 16.2266 17.4922 14.4023C19.8438 13.5469 22.375 13 25 13C27.625 13 30.1562 13.5469 32.5078 14.4023C34.1133 16.2266 35 18.5625 35 21C35 23.7227 33.9023 26.1953 32.1289 28H34.7266C36.1523 26.0273 37 23.6133 37 21C37 19.1992 36.5938 17.4453 35.8359 15.8516C41.168 18.5703 45.1797 22.4688 46.6406 24C45.8516 24.8281 44.3047 26.3477 42.2188 28H45.3828C47.4023 26.2109 48.6172 24.8164 48.7617 24.6523C49.082 24.2773 49.082 23.7227 48.7617 23.3477C48.3281 22.8438 38.0117 11 25 11ZM25 16C22.2383 16 20 18.2383 20 21C20 23.7617 22.2383 26 25 26C27.7617 26 30 23.7617 30 21C30 18.2383 27.7617 16 25 16ZM31 30C30.4492 30 30 30.4492 30 31V49C30 49.5508 30.4492 50 31 50H49C49.5508 50 50 49.5508 50 49V31C50 30.4492 49.5508 30 49 30H31ZM32 32H48V48H32V32ZM44.3008 35.4023L38.9023 41.6992L35.6016 39.1992L34.4023 40.8008L39.1016 44.4023L45.8008 36.6992L44.3008 35.4023Z" fill="#1E88E5"/>
</g>
<defs>
<clipPath id="clip0_2_596">
<rect width="50" height="50" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

10
frontend/drupal9/web/themes/custom/pro1ka/svg/icons8-left-click.svg Normal file
View File

@ -0,0 +1,10 @@
<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_2_593)">
<path d="M10.9375 -0.0313034C10.8945 -0.0234909 10.8516 -0.0117722 10.8125 -5.34356e-05C10.6641 0.0311966 10.5273 0.0936966 10.4063 0.187447C5.14453 4.14057 1.4336 10.0624 0.343751 16.8437C0.253907 17.2109 0.378907 17.5937 0.664063 17.8398C0.94922 18.0859 1.35156 18.1484 1.69922 18.0039C2.04688 17.8593 2.28516 17.5312 2.3125 17.1562C3.32031 10.8984 6.73438 5.46088 11.5938 1.81245C11.9961 1.56635 12.1719 1.07026 12.0117 0.624947C11.8555 0.179635 11.4063 -0.0938034 10.9375 -0.0313034ZM25.9063 2.9687C25.875 2.97651 25.8438 2.98823 25.8125 2.99995C25.8008 2.99995 25.793 2.99995 25.7813 2.99995C25.75 3.00776 25.7188 3.01948 25.6875 3.0312C15.9023 3.19917 8 11.1757 8 20.9999V26.6874C7.94141 26.8828 7.94141 27.0859 8 27.2812V31.9999C8 41.9296 16.0703 49.9999 26 49.9999C35.9297 49.9999 44 41.9296 44 31.9999V27.1874C44.0273 27.0546 44.0273 26.914 44 26.7812V20.9999C44 11.1757 36.0977 3.19917 26.3125 3.0312C26.293 3.01948 26.2695 3.00776 26.25 2.99995C26.2305 2.99995 26.207 2.99995 26.1875 2.99995C26.0977 2.97651 26 2.96479 25.9063 2.9687ZM12.7188 3.62495C12.5195 3.65229 12.3359 3.74213 12.1875 3.87495C8.22266 7.07026 5.41016 11.6132 4.40625 16.8124C4.30078 17.3554 4.66016 17.8789 5.20313 17.9843C5.7461 18.0898 6.26953 17.7304 6.375 17.1874C7.28516 12.4648 9.83203 8.3437 13.4375 5.43745C13.7969 5.17963 13.9453 4.71479 13.8008 4.29682C13.6563 3.87885 13.2539 3.60542 12.8125 3.62495C12.7813 3.62495 12.75 3.62495 12.7188 3.62495ZM25 5.06245V5.99995C24.4492 5.99995 24 6.44917 24 6.99995C24 7.55073 24.4492 7.99995 25 7.99995V11.9999C24.4492 11.9999 24 12.4492 24 12.9999C24 13.5507 24.4492 13.9999 25 13.9999V17.9999C24.4492 17.9999 24 18.4492 24 18.9999C24 19.5507 24.4492 19.9999 25 19.9999V23.9999C24.4492 23.9999 24 24.4492 24 24.9999C24 25.5507 24.4492 25.9999 25 25.9999H10V22.9999C10.5508 22.9999 11 22.5507 11 21.9999C11 21.4492 10.5508 20.9999 10 20.9999C10 19.5468 10.2031 18.1484 10.5625 16.8124C10.8203 16.6328 11 16.3398 11 15.9999C11 15.871 10.9492 15.7695 10.9063 15.6562C11.2109 14.8007 11.5938 13.9687 12.0313 13.1874C12.1211 13.6445 12.5156 13.9999 13 13.9999C13.5508 13.9999 14 13.5507 14 12.9999C14 12.4492 13.5508 11.9999 13 11.9999C12.9063 11.9999 12.8359 12.039 12.75 12.0624C14.1133 10.0507 15.9141 8.37104 18.0313 7.1562C18.1094 7.62885 18.5039 7.99995 19 7.99995C19.5508 7.99995 20 7.55073 20 6.99995C20 6.73823 19.9141 6.49213 19.75 6.31245C21.3828 5.62104 23.1445 5.17963 25 5.06245ZM13 25.9999C13.5508 25.9999 14 25.5507 14 24.9999C14 24.4492 13.5508 23.9999 13 23.9999C12.4492 23.9999 12 24.4492 12 24.9999C12 25.5507 12.4492 25.9999 13 25.9999ZM19 25.9999C19.5508 25.9999 20 25.5507 20 24.9999C20 24.4492 19.5508 23.9999 19 23.9999C18.4492 23.9999 18 24.4492 18 24.9999C18 25.5507 18.4492 25.9999 19 25.9999ZM27 5.06245C35.375 5.58198 42 12.4921 42 20.9999V25.9999H27V5.06245ZM16 8.99995C15.4492 8.99995 15 9.44917 15 9.99995C15 10.5507 15.4492 10.9999 16 10.9999C16.5508 10.9999 17 10.5507 17 9.99995C17 9.44917 16.5508 8.99995 16 8.99995ZM22 8.99995C21.4492 8.99995 21 9.44917 21 9.99995C21 10.5507 21.4492 10.9999 22 10.9999C22.5508 10.9999 23 10.5507 23 9.99995C23 9.44917 22.5508 8.99995 22 8.99995ZM19 11.9999C18.4492 11.9999 18 12.4492 18 12.9999C18 13.5507 18.4492 13.9999 19 13.9999C19.5508 13.9999 20 13.5507 20 12.9999C20 12.4492 19.5508 11.9999 19 11.9999ZM16 14.9999C15.4492 14.9999 15 15.4492 15 15.9999C15 16.5507 15.4492 16.9999 16 16.9999C16.5508 16.9999 17 16.5507 17 15.9999C17 15.4492 16.5508 14.9999 16 14.9999ZM22 14.9999C21.4492 14.9999 21 15.4492 21 15.9999C21 16.5507 21.4492 16.9999 22 16.9999C22.5508 16.9999 23 16.5507 23 15.9999C23 15.4492 22.5508 14.9999 22 14.9999ZM13 17.9999C12.4492 17.9999 12 18.4492 12 18.9999C12 19.5507 12.4492 19.9999 13 19.9999C13.5508 19.9999 14 19.5507 14 18.9999C14 18.4492 13.5508 17.9999 13 17.9999ZM19 17.9999C18.4492 17.9999 18 18.4492 18 18.9999C18 19.5507 18.4492 19.9999 19 19.9999C19.5508 19.9999 20 19.5507 20 18.9999C20 18.4492 19.5508 17.9999 19 17.9999ZM16 20.9999C15.4492 20.9999 15 21.4492 15 21.9999C15 22.5507 15.4492 22.9999 16 22.9999C16.5508 22.9999 17 22.5507 17 21.9999C17 21.4492 16.5508 20.9999 16 20.9999ZM22 20.9999C21.4492 20.9999 21 21.4492 21 21.9999C21 22.5507 21.4492 22.9999 22 22.9999C22.5508 22.9999 23 22.5507 23 21.9999C23 21.4492 22.5508 20.9999 22 20.9999ZM10 27.9999H42V31.9999C42 40.8476 34.8477 47.9999 26 47.9999C17.1523 47.9999 10 40.8476 10 31.9999V27.9999Z" fill="#1E88E5"/>
</g>
<defs>
<clipPath id="clip0_2_593">
<rect width="50" height="50" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.6 KiB

3
frontend/drupal9/web/themes/custom/pro1ka/svg/icons8-morale.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="46" height="44" viewBox="0 0 46 44" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23 0C21.8945 0 21 0.894531 21 2C21 2.71484 21.3828 3.37109 22 3.72656V9.14453C20.7852 9.46484 19.7852 10.332 19.3086 11.4766C15.9414 11.0078 12.5703 10.4766 9.17578 10.0156C9.12891 10.0078 9.08203 10 9.03516 10C8.59766 9.98438 8.19922 10.2578 8.05469 10.6719L0.054688 33.6719C0.019531 33.7773 0 33.8867 0 34C0 35.8281 1.17578 37.3789 2.82031 38.4023C4.46875 39.4219 6.63281 40 9 40C11.3672 40 13.5312 39.4219 15.1758 38.4023C16.8242 37.3789 18 35.8281 18 34C18 33.8867 17.9805 33.7773 17.9453 33.6719L10.4844 12.2227C13.3281 12.6289 16.1836 13.0586 19.0469 13.457C19.2812 15.4414 20.9609 17 23 17C24.6602 17 26.0898 15.9727 26.6914 14.5234C29.668 14.9375 32.6562 15.3945 35.6562 15.8164L28.0547 37.6719C28.0195 37.7773 28 37.8867 28 38C28 39.8281 29.1758 41.3789 30.8242 42.4023C32.4688 43.4219 34.6328 44 37 44C39.3672 44 41.5312 43.4219 43.1758 42.4023C44.8242 41.3789 46 39.8281 46 38C46 37.8867 45.9805 37.7773 45.9453 37.6719L37.9453 14.6719C37.8164 14.3047 37.4883 14.0469 37.1055 14.0039C33.7344 13.5508 30.3516 13.0156 26.9531 12.543C26.7617 10.8984 25.5703 9.55469 24 9.14453V3.73047C24.6172 3.375 25 2.71484 25 2C25 0.894531 24.1055 0 23 0ZM23 11C24.1172 11 25 11.8828 25 13C25 14.1172 24.1172 15 23 15C21.8828 15 21 14.1172 21 13C21 11.8828 21.8828 11 23 11ZM9 14.0469L15.5938 33H2.40625L9 14.0469ZM37 18.0469L43.5938 37H30.4062L37 18.0469ZM2.25391 35H15.7461C15.4727 35.6133 14.9414 36.1953 14.125 36.7031C12.8672 37.4805 11.0352 38 9 38C6.96484 38 5.13281 37.4805 3.875 36.7031C3.05859 36.1953 2.52734 35.6133 2.25391 35ZM30.2539 39H43.7461C43.4727 39.6133 42.9414 40.1953 42.125 40.7031C40.8672 41.4805 39.0352 42 37 42C34.9648 42 33.1328 41.4805 31.875 40.7031C31.0586 40.1953 30.5273 39.6133 30.2539 39Z" fill="#1E88E5"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

116
frontend/drupal9/web/themes/custom/pro1ka/templates/page--front.html.twig
View File

@ -722,6 +722,122 @@
</div>
{# END pomembne povezave#}
{# Prednosti 1KA #}
<div class="section">
<div class="container">
<div class="row pcenter">
<div class="col"></div>
</div>
<div class="row pcenter">
<div class="col">
<h2 class="section-title">
{% if language.id == 'sl' %}
Prednosti orodja 1KA
{% else %}
1KA’s advantages
{% endif %}
</h2>
</div>
</div>
<div class="row flex">
<div class="col _6-12-12-12">
<div class="sideicon-col">
<div class="icon-wrapp-copy">
<img src="/tema1ka/svg/icons-survey-3.svg" loading="lazy" alt="" class="grid-icon large-gi">
</div>
<div class="side-text-padding">
<h3 class="heading-2">
{% if language.id == 'sl' %}
HITROST
{% else %}
SPEED
{% endif %}
</h3>
<p>
{% if language.id == 'sl' %}
Hitro in učinkovito orodje, ki poskrbi za nemoten razvoj vprašalnika.
{% else %}
A fast and efficient tool that ensures the smooth development of questionnaires.
{% endif %}
</p>
</div>
</div>
</div>
<div class="col _6-12-12-12">
<div class="sideicon-col">
<div class="icon-wrapp-copy">
<img src="/tema1ka/svg/icons8-left-click.svg" loading="lazy" alt="" class="grid-icon large-gi">
</div>
<div class="side-text-padding">
<h3 class="heading-2">
{% if language.id == 'sl' %}
MINIMALNO ŠTEVILO KLIKOV
{% else %}
MINIMUM NUMBER OF CLICKS
{% endif %}
</h3>
<p>
{% if language.id == 'sl' %}
Osnovno vodilo, iz katerega izvira poimenovanje EnKlikAnketa.
{% else %}
Our basic principle, from which the name OneClickSurvey is derived.
{% endif %}
</p>
</div>
</div>
</div>
<div class="col _6-12-12-12">
<div class="sideicon-col">
<div class="icon-wrapp-copy">
<img src="/tema1ka/svg/icons8-morale.svg" loading="lazy" alt="" class="grid-icon large-gi">
</div>
<div class="side-text-padding">
<h3 class="heading-2">
{% if language.id == 'sl' %}
CENOVNA UČINKOVITOST
{% else %}
COST-EFFECTIVENESS
{% endif %}
</h3>
<p>
{% if language.id == 'sl' %}
Zavzemamo se za najboljše razmerje med ceno in kakovostjo.
{% else %}
Our basic principle, from which the name OneClickSurvey is derived.
{% endif %}
</p>
</div>
</div>
</div>
<div class="col _6-12-12-12">
<div class="sideicon-col">
<div class="icon-wrapp-copy">
<img src="/tema1ka/svg/icons8-eye-checked.svg" loading="lazy" alt="" class="grid-icon large-gi">
</div>
<div class="side-text-padding">
<h3 class="heading-2">
{% if language.id == 'sl' %}
TRANSPARENTNOST
{% else %}
TRANSPARENCY
{% endif %}
</h3>
<p>
{% if language.id == 'sl' %}
Zagotavljamo popolno transparentnost, brez skritih stroškov.
{% else %}
Complete transparency over our product. No hidden costs or fees.
{% endif %}
</p>
</div>
</div>
</div>
</div>
{# END prednosti 1KA#}
</div>
</div>
{# NOGA #}
{% include '@pro1ka/parts/footer.html.twig' %}
{# END NOGA #}

4
frontend/drupal9/web/themes/custom/pro1ka/templates/page--ostale-storitve.html.twig
View File

@ -487,7 +487,7 @@ END HEADER #}
{% endif %}
</div>
</div>
<div class="compare-col"><div class="cd">30 €</div></div>
<div class="compare-col"><div class="cd cena">30 €</div></div>
<div class="compare-col">&nbsp;</div>
</div>
@ -501,7 +501,7 @@ END HEADER #}
{% endif %}
</div>
</div>
<div class="compare-col"><div class="cd">200 €</div></div>
<div class="compare-col"><div class="cd cena">200 €</div></div>
<div class="compare-col">&nbsp;</div>
</div>