Commit bc5602a9 authored by Cristiano Silva's avatar Cristiano Silva
Browse files

Fix horizontal scroll on mobile & other

parent afec6e93
Pipeline #1810 passed with stages
in 3 minutes and 21 seconds
......@@ -896,7 +896,7 @@ display:
preserve_tags: ''
html: false
element_type: ''
element_class: ripple
element_class: ''
element_label_type: ''
element_label_class: ''
element_label_colon: false
......@@ -934,7 +934,7 @@ display:
exclude: false
alter:
alter_text: true
text: '<a href="{{ field_link__uri }}" class="visit-link ripple">Visitar</a>'
text: '<a href="{{ field_link__uri }}" class="visit-link">Visitar</a>'
make_link: false
path: ''
absolute: false
......
......@@ -9012,7 +9012,8 @@ nav.tabs {
.page-node-684 #header,
.page-node-713 #header,
.page-node-714 #header {
background: transparent !important; }
background: transparent !important;
background-image: none !important; }
.page-node-682 #header #navbar-top, .page-node-682 #header #navbar-main,
.page-node-683 #header #navbar-top,
.page-node-683 #header #navbar-main,
......@@ -9140,8 +9141,6 @@ footer {
footer .region-footer-third .nav-item a:hover {
opacity: 0.6;
text-decoration: line-through; }
footer .region-footer-third .nav-item a:last-child {
padding-right: 0; }
/*
*
......@@ -9238,6 +9237,11 @@ a:hover {
color: #00F0F3;
text-decoration: none; }
.img-responsive {
display: block;
max-width: 100%;
height: auto; }
#main #block-drupalpt-content .node__content {
margin: 0;
padding-bottom: 225px; }
......@@ -9544,6 +9548,11 @@ ul.list-of-text {
height: auto; }
.page-node-682 #main #block-drupalpt-content .home-use-cases .use-case .views-field-field-media-image a img:hover {
opacity: 0.8; }
.page-node-682 #main #block-drupalpt-content .home-use-cases .use-case .views-field-field-media-image img {
width: 100%;
height: auto; }
.page-node-682 #main #block-drupalpt-content .home-use-cases .use-case .views-field-field-media-image img:hover {
opacity: 0.8; }
.page-node-682 #main #block-drupalpt-content .home-use-cases .use-case .views-field-body {
margin-top: -20px; }
.page-node-682 #main #block-drupalpt-content .home-use-cases .use-case .views-field-body .field-content {
......@@ -9920,6 +9929,9 @@ ul.list-of-text {
.page-node-683 #main #block-drupalpt-content .resources-learn-content {
margin-top: 383px; } }
@media (max-width: 575.98px) {
.page-node-682 #main #block-drupalpt-content .home-community .views-row .views-field-field-link .visit-cta {
padding: 0px 25px; } }
@media (max-width: 767.98px) {
.page-node-713 #main #block-drupalpt-content .community-content {
margin-top: 291px; }
......@@ -10003,6 +10015,9 @@ ul.list-of-text {
width: 100%; }
footer .region-footer-third #block-legal ul.nav {
justify-content: center; } }
@media (min-width: 992px) {
footer .region-footer-third .nav-item a:last-child {
padding-right: 0; } }
@media (min-width: 768px) and (max-width: 1199.98px) {
.landing-lower.container {
max-width: 100%; } }
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -99,10 +99,6 @@ footer {
opacity: 0.6;
text-decoration: line-through;
}
&:last-child {
padding-right: 0;
}
}
}
}
\ No newline at end of file
......@@ -123,6 +123,12 @@ a:hover {
// --- >>> --- GENERAL STYLES --- >>> --- //
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
// Remove content top margin
#main #block-drupalpt-content .node__content{
margin: 0;
......
......@@ -35,6 +35,7 @@
#header {
@extend %header-is-absolute;
background: transparent !important;
background-image: none !important;
#navbar-top, #navbar-main {
background-color: transparent !important;
......
......@@ -284,6 +284,15 @@
}
}
}
img {
width: 100%;
height: auto;
&:hover {
opacity: 0.8;
}
}
}
.views-field-body {
......
......@@ -157,7 +157,9 @@
// Extra small devices (portrait phones, less than 576px)
@include media-breakpoint-down(xs) {
.page-node-682 #main #block-drupalpt-content .home-community .views-row .views-field-field-link .visit-cta {
padding: 0px 25px;
}
}
// Small devices (landscape phones, less than 768px)
......@@ -308,6 +310,32 @@
// --- <<< --- TARGETING LARGER SEGMENTS OF GIVEN SCREEN --- <<< --- //
@include media-breakpoint-up(xs) {
}
@include media-breakpoint-up(sm) {
}
@include media-breakpoint-up(md) {
}
@include media-breakpoint-up(lg) {
footer .region-footer-third .nav-item a:last-child {
padding-right: 0;
}
}
@include media-breakpoint-up(xl) {
}
// --- <<< --- TARGETING LARGER SEGMENTS OF GIVEN SCREEN --- <<< --- //
// --- >>> --- TARGETING BETWEEN GIVEN SCREENS --- >>> --- //
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment