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

drupal - responsive popravki frontpage, footer, menu, ceniki, generic site

Browse Source
This commit is contained in:
urospodkriznik 2022-10-10 17:29:21 +02:00
parent 23ff87d77b
commit 35025e358f
7 changed files with 263 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -943,6 +943,39 @@ body {
width: 35%; width: 35%;
line-height: 1.4; } line-height: 1.4; }
@media screen and (max-width: 991px) {
.slider-right {
height: auto;
margin-top: 40px; } }
@media screen and (max-width: 479px) {
.slider-right {
height: 335px !important;
margin-top: 10px !important;
margin-bottom: -40px !important; }
.slider-title {
font-size: 30px !important;
margin-bottom: 20px !important;
font-weight: 400 !important; }
.slider-subtitle {
margin-bottom: 20px !important; }
.section-title {
padding: 0 !important; }
.section-title .title {
font-size: 23px !important;
line-height: 29px !important; }
.flexcol .content {
padding: 0 !important; }
.blok .text {
font-size: 40px !important;
line-height: 40px !important; }
.pridruzi-se-nam .row {
flex-direction: column; } }
.breadcrumbs { .breadcrumbs {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
@ -1030,6 +1063,13 @@ ul.seznam-tem {
font-size: 18px; font-size: 18px;
font-weight: 400; } font-weight: 400; }
@media screen and (max-width: 479px) {
ul.quicktabs-tabs li {
margin: 0 !important;
padding: 10px !important; }
ul.quicktabs-tabs li a {
font-size: 15px;
line-height: 19px; } }
.modal, .rexister-modal { .modal, .rexister-modal {
position: fixed; position: fixed;
left: 0%; left: 0%;
@ -2151,6 +2191,12 @@ nav.tabs {
.nav-menu .menu-icon img { .nav-menu .menu-icon img {
height: 35px; height: 35px;
cursor: pointer; } } cursor: pointer; } }
@media screen and (max-width: 479px) {
.nav-menu .menu-icon {
margin-right: 25px; }
.mobile-nav-menu {
min-width: unset; } }
#block-languageswitcher { #block-languageswitcher {
margin-right: 40px; } margin-right: 40px; }
#block-languageswitcher ul { #block-languageswitcher ul {
@ -2228,6 +2274,14 @@ a {
.blue-section .secondary-button-white { .blue-section .secondary-button-white {
color: white; } color: white; }
@media screen and (max-width: 479px) {
.div-block-17 .buttons-row {
flex-direction: column; }
.div-block-17 .buttons-row a {
max-width: unset;
width: unset; }
.div-block-17 .buttons-row a.main-button-white {
margin-bottom: 10px; } }
#search-api-page-block-form-iskanje { #search-api-page-block-form-iskanje {
display: flex; } display: flex; }
#search-api-page-block-form-iskanje .js-form-type-search { #search-api-page-block-form-iskanje .js-form-type-search {
@ -2424,7 +2478,8 @@ body {
img { img {
max-width: 100%; max-width: 100%;
vertical-align: middle; vertical-align: middle;
display: inline-block; } display: inline-block;
align-self: center; }
html.w-mod-touch * { html.w-mod-touch * {
background-attachment: scroll !important; } background-attachment: scroll !important; }
@ -4862,7 +4917,8 @@ p {
z-index: 3; z-index: 3;
padding-right: 20px; padding-right: 20px;
font-size: 16px; font-size: 16px;
font-weight: 600; } font-weight: 600;
align-self: center; }
.si { .si {
width: 50%; width: 50%;
@ -6439,16 +6495,24 @@ p {
font-size: 14px; } font-size: 14px; }
.compare-col.leftcol { .compare-col.leftcol {
-webkit-box-flex: 2;
-webkit-flex: 2;
-ms-flex: 2;
flex: 2; }
.ostale-storitve .compare-col.leftcol {
-webkit-box-flex: 100%; -webkit-box-flex: 100%;
-webkit-flex: 100%; -webkit-flex: 100%;
-ms-flex: 100%; -ms-flex: 100%;
flex: 100%; } flex: 100%; }
.h2-compare {
margin-bottom: 0 !important; }
.accordion-title:not(.title-cena) {
line-height: normal;
align-self: center;
min-height: 35px;
display: flex;
align-items: center; }
.accordion-title-block .accordion-icon {
margin-top: 0; }
.ostale-storitve .accordion-title-block { .ostale-storitve .accordion-title-block {
display: block; } display: block; }
.ostale-storitve .accordion-title-block .title-cena { .ostale-storitve .accordion-title-block .title-cena {
@ -6593,8 +6657,8 @@ p {
margin-right: 0px; } margin-right: 0px; }
.col { .col {
padding-right: 10px; padding-right: 0 !important;
padding-left: 10px; } padding-left: 0 !important; }
.col._6-12-12-12 { .col._6-12-12-12 {
-webkit-box-flex: 0; -webkit-box-flex: 0;
@ -6699,6 +6763,14 @@ p {
-ms-flex: 0 0 33.3333%; -ms-flex: 0 0 33.3333%;
flex: 0 0 33.3333%; } flex: 0 0 33.3333%; }
.ostale-storitve.compare-col {
padding-right: 2px;
padding-left: 2px;
-webkit-box-flex: 0;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1; }
.compare-col.leftcol { .compare-col.leftcol {
margin-top: 0px; margin-top: 0px;
padding-top: 0px; padding-top: 0px;
@ -6727,6 +6799,7 @@ p {
font-size: 14px; } font-size: 14px; }
.div-block-22 { .div-block-22 {
margin-top: 40px;
display: block; display: block;
-webkit-box-orient: horizontal; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -webkit-box-direction: normal;

152
frontend/drupal9/web/themes/custom/pro1ka/sass/bacis/frontpage.scss
View File

@ -1,4 +1,4 @@
.section.uvodni-slider{ .section.uvodni-slider {
padding-top: 0; padding-top: 0;
z-index: 121; z-index: 121;
display: -webkit-box; display: -webkit-box;
@ -21,7 +21,7 @@
background-color: #fff; background-color: #fff;
text-align: left; text-align: left;
.slider-right{ .slider-right {
height: 460px; height: 460px;
position: relative; position: relative;
display: -webkit-box; display: -webkit-box;
@ -41,7 +41,7 @@
-ms-flex: 1; -ms-flex: 1;
flex: 1; flex: 1;
.slider-slika{ .slider-slika {
position: absolute; position: absolute;
z-index: 3; z-index: 3;
width: 100%; width: 100%;
@ -51,7 +51,7 @@
} }
} }
.slider-left{ .slider-left {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
@ -66,7 +66,7 @@
-ms-flex: 0 50%; -ms-flex: 0 50%;
flex: 0 50%; flex: 0 50%;
.slider-title{ .slider-title {
margin-bottom: 40px; margin-bottom: 40px;
color: #333; color: #333;
font-size: 50px; font-size: 50px;
@ -74,7 +74,7 @@
font-weight: 300; font-weight: 300;
} }
.slider-subtitle{ .slider-subtitle {
margin-bottom: 40px; margin-bottom: 40px;
color: #333; color: #333;
font-size: 19px; font-size: 19px;
@ -85,7 +85,7 @@
} }
} }
.section{ .section {
.section-title { .section-title {
padding-right: 50px; padding-right: 50px;
padding-left: 50px; padding-left: 50px;
@ -110,21 +110,21 @@
} }
} }
.izbira-paketa{ .izbira-paketa {
.section-main{ .section-main {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
-webkit-box-pack: center; -webkit-box-pack: center;
-webkit-justify-content: center; -webkit-justify-content: center;
-ms-flex-pack: center; -ms-flex-pack: center;
justify-content: center; justify-content: center;
-webkit-flex-wrap: wrap; -webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap; -ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
.col{ .col {
padding-right: 25px; padding-right: 25px;
padding-left: 25px; padding-left: 25px;
width: 33.3333%; width: 33.3333%;
@ -134,17 +134,17 @@
flex: 0 0 33.3333%; flex: 0 0 33.3333%;
text-align: center; text-align: center;
img.package{ img.package {
margin-bottom: 20px; margin-bottom: 20px;
} }
.icon{ .icon {
width: 150px; width: 150px;
height: 150px; height: 150px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.title{ .title {
margin-bottom: 10px; margin-bottom: 10px;
color: $temo-modra; color: $temo-modra;
font-size: 18px; font-size: 18px;
@ -156,8 +156,8 @@
} }
} }
.funkcionalnost{ .funkcionalnost {
.section-main{ .section-main {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
@ -171,7 +171,7 @@
-ms-flex-wrap: wrap; -ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
.flexcol{ .flexcol {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
@ -182,13 +182,13 @@
-ms-flex: 0 50%; -ms-flex: 0 50%;
flex: 0 50%; flex: 0 50%;
.content{ .content {
padding-top: 0; padding-top: 0;
padding-right: 25px; padding-right: 25px;
padding-left: 25px; padding-left: 25px;
display: flex; display: flex;
.icon{ .icon {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
@ -211,7 +211,7 @@
background-color: $sv-modra; background-color: $sv-modra;
opacity: 1; opacity: 1;
img{ img {
width: 34px; width: 34px;
height: 34px; height: 34px;
opacity: 1; opacity: 1;
@ -242,8 +242,8 @@
} }
} }
.koraki-spletnega-anketiranja{ .koraki-spletnega-anketiranja {
.section-title{ .section-title {
padding-right: 25px; padding-right: 25px;
padding-left: 25px; padding-left: 25px;
-webkit-box-flex: 1; -webkit-box-flex: 1;
@ -296,7 +296,7 @@
} }
} }
.gumb{ .gumb {
width: 33.3333%; width: 33.3333%;
-webkit-box-flex: 0; -webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333%; -webkit-flex: 0 0 33.3333%;
@ -304,7 +304,7 @@
flex: 0 0 33.3333%; flex: 0 0 33.3333%;
padding: 0 25px; padding: 0 25px;
.button{ .button {
max-width: 200px; max-width: 200px;
-webkit-box-flex: 1; -webkit-box-flex: 1;
-webkit-flex: 1; -webkit-flex: 1;
@ -340,7 +340,7 @@
} }
} }
.pridruzi-se-nam{ .pridruzi-se-nam {
.row { .row {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
@ -354,7 +354,7 @@
-ms-flex-wrap: wrap; -ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
.gumb{ .gumb {
//margin-top: 30px; //margin-top: 30px;
//margin-bottom: 20px; //margin-bottom: 20px;
-webkit-box-pack: center; -webkit-box-pack: center;
@ -446,7 +446,7 @@
flex: 0 50%; flex: 0 50%;
} }
&.tretina{ &.tretina {
width: 33.3333%; width: 33.3333%;
-webkit-box-flex: 0; -webkit-box-flex: 0;
-webkit-flex: 0 0 33.3333%; -webkit-flex: 0 0 33.3333%;
@ -458,8 +458,8 @@
} }
} }
.zaupajo-nam{ .zaupajo-nam {
.row-logotipi{ .row-logotipi {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
@ -472,7 +472,7 @@
-ms-flex-wrap: wrap; -ms-flex-wrap: wrap;
flex-wrap: wrap; flex-wrap: wrap;
img{ img {
max-width: 100%; max-width: 100%;
vertical-align: middle; vertical-align: middle;
display: inline-block; display: inline-block;
@ -486,13 +486,13 @@
} }
} }
.col-6-blue{ .col-6-blue {
-webkit-box-flex: 0; -webkit-box-flex: 0;
padding-right: 25px; padding-right: 25px;
padding-left: 25px; padding-left: 25px;
max-width: 800px; max-width: 800px;
&.vert-center{ &.vert-center {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
@ -504,7 +504,7 @@
} }
} }
.stolpec-4{ .stolpec-4 {
padding-right: 25px; padding-right: 25px;
padding-left: 25px; padding-left: 25px;
-webkit-box-flex: 1; -webkit-box-flex: 1;
@ -512,13 +512,13 @@
-ms-flex: 1; -ms-flex: 1;
min-width: 200px; min-width: 200px;
&.logotipi{ &.logotipi {
img{ img {
height: 60px; height: 60px;
margin: 0.75rem 0; margin: 0.75rem 0;
margin-right: 20px; margin-right: 20px;
&.fdv{ &.fdv {
width: 214px; width: 214px;
height: auto; height: auto;
} }
@ -532,12 +532,12 @@
} }
} }
.koraki-spletnega-anketiranja{ .koraki-spletnega-anketiranja {
.slika{ .slika {
position: relative; position: relative;
} }
.centered_text{ .centered_text {
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
@ -549,3 +549,57 @@
line-height: 1.4; line-height: 1.4;
} }
} }
@media screen and (max-width: 991px) {
.slider-right {
height: auto;
margin-top: 40px;
}
}
@media screen and (max-width: 479px) {
.slider-right {
height: 335px !important;
margin-top: 10px !important;
margin-bottom: -40px !important;
}
.slider-title {
font-size: 30px !important;
margin-bottom: 20px !important;
font-weight: 400 !important;
}
.slider-subtitle {
margin-bottom: 20px !important;
}
.section-title {
padding: 0 !important;
.title {
font-size: 23px !important;
line-height: 29px !important;
}
}
.flexcol {
.content {
padding: 0 !important;
}
}
.blok {
.text {
font-size: 40px !important;
line-height: 40px !important;
}
}
.pridruzi-se-nam{
.row{
flex-direction: column;
}
}
}

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

@ -825,6 +825,7 @@ p {
padding-right: 20px; padding-right: 20px;
font-size: 16px; font-size: 16px;
font-weight: 600; font-weight: 600;
align-self: center;
} }
.si { .si {
@ -2659,20 +2660,31 @@ p {
} }
.compare-col.leftcol { .compare-col.leftcol {
-webkit-box-flex: 2; -webkit-box-flex: 100%;
-webkit-flex: 2;
-ms-flex: 2;
flex: 2;
}
.ostale-storitve{
.compare-col.leftcol {
-webkit-box-flex: 100%;
-webkit-flex: 100%; -webkit-flex: 100%;
-ms-flex: 100%; -ms-flex: 100%;
flex: 100%; flex: 100%;
} }
.h2-compare {
margin-bottom: 0 !important;
}
.accordion-title:not(.title-cena){
line-height: normal;
align-self: center;
min-height: 35px;
display: flex;
align-items: center;
}
.accordion-title-block{
.accordion-icon{
margin-top: 0;
}
}
.ostale-storitve{
.accordion-title-block{ .accordion-title-block{
display: block; display: block;
@ -2864,8 +2876,8 @@ p {
} }
.col { .col {
padding-right: 10px; padding-right: 0 !important;
padding-left: 10px; padding-left: 0 !important;
} }
.col._6-12-12-12 { .col._6-12-12-12 {
@ -2997,6 +3009,16 @@ p {
flex: 0 0 33.3333%; flex: 0 0 33.3333%;
} }
.ostale-storitve.compare-col {
padding-right: 2px;
padding-left: 2px;
-webkit-box-flex: 0;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.compare-col.leftcol { .compare-col.leftcol {
margin-top: 0px; margin-top: 0px;
padding-top: 0px; padding-top: 0px;
@ -3031,6 +3053,7 @@ p {
} }
.div-block-22 { .div-block-22 {
margin-top: 40px;
display: block; display: block;
-webkit-box-orient: horizontal; -webkit-box-orient: horizontal;
-webkit-box-direction: normal; -webkit-box-direction: normal;

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

@ -59,6 +59,7 @@ img {
max-width: 100%; max-width: 100%;
vertical-align: middle; vertical-align: middle;
display: inline-block; display: inline-block;
align-self: center;
} }
html.w-mod-touch * { html.w-mod-touch * {
background-attachment: scroll !important; background-attachment: scroll !important;

16
frontend/drupal9/web/themes/custom/pro1ka/sass/components/_footer.scss
View File

@ -3,3 +3,19 @@
color: white; color: white;
} }
} }
@media screen and (max-width: 479px) {
.div-block-17{
.buttons-row{
flex-direction: column;
a{
max-width: unset;
width: unset;
&.main-button-white{
margin-bottom: 10px;
}
}
}
}
}

12
frontend/drupal9/web/themes/custom/pro1ka/sass/components/_menu.scss
View File

@ -405,4 +405,16 @@ nav.tabs {
} }
} }
} }
}
@media screen and (max-width: 479px) {
.nav-menu {
.menu-icon {
margin-right: 25px;
}
}
.mobile-nav-menu{
min-width: unset;
}
} }

13
frontend/drupal9/web/themes/custom/pro1ka/sass/components/_quicktabs.scss
View File

@ -75,3 +75,16 @@ ul.seznam-tem{
} }
} }
} }
@media screen and (max-width: 479px) {
ul.quicktabs-tabs{
li{
margin: 0 !important;
padding: 10px !important;
a{
font-size: 15px;
line-height: 19px;
}
}
}
}